使用觸發器多次運行具有不同ID的插件

Question

所以我有一些基本上工作的代碼，當一個人選擇一個新電影列表追加到。

$("#optionalSearchOptions ul").append("<li><div class='button' style='position:relative'><select id='"+ movie.id+"' class='populate select2' style='width:200px'><option></option></select></div></li>"); 

這工作得很好

，其中該名單追加，因爲需要一個選擇框轉換

這裏我還調用觸發器觸發

$(window).trigger('convertBoxes', [movie.id, movie.title]); 

，所以我在doc上準備這個

$(window).on('convertBoxes', function (event, param1, param2){ 

     var tmpName = "#" + param1 ; 
     console.log(param1, param2); 
     $(tmpName).select2({ 
      placeholder: param2 
     }); 
}); 

問題是這次運行選擇2第一次，但沒有任何時間後，因爲我猜的名稱設置 - 有沒有辦法繞過這個

Answer 1

也許你可以destroy select2然後重新啓動它。

我在Select 2 docs中看到了破壞函數。用法是這樣的我猜：

//place this before u initialize select 2 
$(tmpName).select2("destroy");