语义UI下拉菜单

Question

如何将dropdown（）用于动态生成的下拉菜单？ 我尝试创建ui 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（...）”步骤上生成的下拉列表正在工作。