igcombo не работает с динамическим элементом DIV

Question

igcombo работает нормально при использовании статического элемента div, однако если я динамически добавил элемент div на страницу, igcombo данные ящика не будут заполнены. Есть ли что-то, что я могу попробовать сделать эту работу?

 $("#combo").igCombo({
            dataSource: data, //JSON Array 
            valueKey: "ID",
            textKey: "Name"
        });



<div id="combo"></div>

Answer 1

igCombo и любой другой виджет должен быть инициализирован на элементе, который уже существует в DOM. Чтобы он работал с контейнером, который вы создаете динамически, вам просто нужно вызвать код инициализации после добавления элемента в DOM.

$.ajax({
    ...
    success: function (data) {
        var combo = $('<div id="combo"></div>').appendTo(document.body);
        combo.igCombo({
            dataSource: data, //JSON Array 
            valueKey: "ID",
            textKey: "Name"
        });
    }
});