jQuery UIのソート可能なクリックイベント

Question

ソート可能な2つのリスト（＃sortable1と＃sortable2）があり、ソート可能なアイテムのクリックイベント（$("#sortable1 li").click(function(){})と$("#sortable2 li").click(function(){})）を処理する2つのclick()関数を作成しました。

＃sortable1（例：Sort1 Item 2）リストから＃sortable2リストに1アイテム移動します。問題はアイテムが＃sortable2に移動してクリックしようとしたときです。トリガーされたmouseeventは$("#sortable1 li").click(function(){})ではなく$("#sortable2 li").click(function(){})です。

私はアイテムをsortable1からsortable2に移動してそのアイテムをクリックすると、アイテムトリガー$("#sortable2 li").click(function(){})が表示されますか？

DEMO：http://jsfiddle.net/yosafatade/zX3pX/12/

Answer 1

あなたがon()を使用する必要がhttp://jsfiddle.net/zX3pX/13/

Answer 2

更新を参照してください私はおそらくそれがであるもの、テーブルの各li項目にクラスを追加します。例えば

<li class='sort1'></li> 

。

.clickを$(".sort1")にチェックし、アイテムを移動したとき

$(this).removeClass("sort1"); 
$(this).addClass("sort2"); 

Answer 3

.onは、.delegateが置き換えられました。そうすれば、リストアイテムではなく、リストにイベントをアタッチすることができます。

$("#sortable1").on("click", "li", function(){ 
     $("#testClickSort1").html($(this).html()); 
}); 

$("#sortable2").on("click", "li", function(){ 
     $("#testClickSort2").html($(this).html()); 
}); 

フィドル：http://jsfiddle.net/qkCcS/