Раскрывающийся список семантического интерфейса - PullRequest
0 голосов
/ 14 декабря 2018

Как использовать dropdown () для выпадающих списков, которые генерировались динамически?Я пытаюсь создать элемент div, и после этого вызвать эту функцию.Но мой раскрывающийся список не открывается.

function GenerateSelect() {
    var select =
    '<div class="ui search selection dropdown propertySelector margin-right-15">' +
    '<input type="hidden">' +
    '<i class="dropdown icon"></i>' +
    '<input type="text" class="search" tabindex="0">' +
    '<div id="name" class="default text">Select one...</div>' +
    '<div class="menu transition hidden" tabindex="-1">';
    $(properies).each(function () {
        select += '<div class="item" data-type="0" data-fieldId="' + this.id + '" data-dataType="' + this.dataType + '">' + this.label + '</div>';
    });
    select += '</div></div>';
    return select;
}

function AddFilter() {
    $('#filters').append(
        '<div class="margin-top-20" id="filter' + childrenLength + '">' +
        GenerateSelect() +
        '</div>'
    );

    var uiDropdown = $('#filter' + childrenLength).find('.propertySelector');
    $(uiDropdown).dropdown();
    $(uiDropdown).dropdown({
         filterRemoteData: true
    });
}

Раскрывающиеся элементы, которые были сгенерированы на шаге "$ (document) .ready (...)", работают.

...