Material Design Lite: селектор не показывает выпадающий список - PullRequest
Новая
       8

Material Design Lite: селектор не показывает выпадающий список

0 голосов
/ 19 мая 2019

У меня есть список выбора MDL, динамически заполняемый этим кодом: 

function selectWebacm() {
    $('#selectspot').show();   
    db.getAllCamCountries()
    .then(results => {
        var unique = results.filter(onlyUnique);
        $.each(unique, function(k,value) {
            $('.country').append('<li class="mdl-menu__item" data-val="'+value+'">'+value + "</li>")
        });
    });
    getmdlSelect.init('.getmdl-select');
}

div #selectspot это: 

<div id="selectspot" style="top:25%">    <br />   
        <div class=" mdl-textfield mdl-js-textfield mdl-textfield--floating-label getmdl-select getmdl-select__fix-height spotselector">
            <input class="mdl-textfield__input" type="text" id="country" value="- Select -" readonly tabIndex="-1" onchange="countryChange();">
            <label for="country">
                <i class="mdl-icon-toggle__label material-icons">keyboard_arrow_down</i>
            </label>
            <label for="country" class="mdl-textfield__label"><span class="ms-tr" data-tr="country">Country</span></label>
            <ul for="country" class="country mdl-menu mdl-menu--bottom-left mdl-js-menu">
                <li class="mdl-menu__item">- Select -</li>
            </ul>
        </div>
      </div>

Я вижу в коде, что список заполнен правильно, но при нажатии на стрелку вниз раскрывающийся список не отображается.

...