jQuery UI sortowalne zdarzenie click

Question

Mam 2 listy, które można sortować (# sortable1 i # sortable2), a następnie wykonałem 2 click() funkcje do obsługi każdego zdarzenia typu itemable item ($("#sortable1 li").click(function(){}) i $("#sortable2 li").click(function(){})).

Przesuwam 1 element z # sortable1 (dla przykładu: Sort1 Item 2) do listy # sortable2. Problem występuje, gdy element został przeniesiony do # sortable2 i próbuję go kliknąć, wyzwalana mouseevent jest $("#sortable1 li").click(function(){}) nie $("#sortable2 li").click(function(){}).

Wszelkie sugestie, więc jeśli przeniesię element z sortable1 do sortable2 i kliknij ten element, element wyzwalacza $("#sortable2 li").click(function(){})?

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

Answer 1

trzeba użyć on() zobaczyć aktualizację http://jsfiddle.net/zX3pX/13/

Answer 2

I pewnie dodać klasę do każdej li pozycji co stół jest w Np

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

.

Następnie po sprawdzeniu .click na $(".sort1") i po przeniesieniu elementu uruchom

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

Answer 3

Użyłbym .on jako .delegate został zastąpiony. W ten sposób dołączasz wydarzenie do listy, a nie do elementu listy.

Użyj tego:

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

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

skrzypce: http://jsfiddle.net/qkCcS/