Select2對於動態添加的字段不起作用

Question

嗨我正在嘗試將下拉字段動態添加到我的表單並將其應用於select2下拉式插件。我的代碼如下：

TDList.eq(1).html("<input type='text' class='InsideTDSelect'></input>"); 

這將在表td中添加文本字段。我已經定義JSON數組這樣

var sampleArray = [{id:0,text:'enhancement'}, {id:1,text:'bug'} 
        ,{id:2,text:'duplicate'},{id:3,text:'invalid'} 
        ,{id:4,text:'wontfix'}]; 

並綁定到新創建的領域如下

$(".InsideTDSelect").select2({ data: sampleArray }); 

，但它不工作。爲什麼它不工作

謝謝...

Answer 1

你必須把在DOM後，初始化它，我的意思是說，你應該把在.html()的回調函數：

TDList.eq(1).html("<input type='text' class='InsideTDSelect' />", function(){ 
    $(".InsideTDSelect").select2({ data: sampleArray }); 
});