jquery - プラグインが複数回呼び出されたときの奇妙な動作

Question

プラグインを複数回呼び出そうとしていますが、初回以降は機能しません。

変

私のコード内には がありulますdiv。

<div id="#optionalSearchOptions"> <ul> </ul> </div>

だから私はそれに追加するいくつかの他のコードを持っています:

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

これは正常に動作します。

したがって、いつ追加するかを知るためにul、追加が実行されるたびにトリガーが設定されます。

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

その中でdocument.ready私は引き金を聞きます。

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

  var tmpName = "#" + param1 ;
  newSelect2(tmpName, param2);
});

したがって、新しくli作成されるたびにnewSelect2関数が実行されます。

これは機能newSelect2です：

function newSelect2(id, name) {

    console.log(id);

    $(id).select2({
        placeholder: name
    });

}

これは、プラグインを新しくli実行するたびに実行する必要がありselect2ますが、最初に実行するだけです。理由はわかりません。

誰でも助けることができますか？

ここにjsフィドルがあります - http://jsfiddle.net/dwhitmarsh/MfJ4B/5

ムービーを追加してから別のムービーを追加してみてください