jQuery UI ordinabile eventi click

Question

Ho 2 lista che sono ordinabile (# sortable1 e # sortable2) e ho fatto 2 click() funzioni per gestire ogni ordinabile oggetto di eventi click ($("#sortable1 li").click(function(){}) e $("#sortable2 li").click(function(){})).

Spostamento di 1 elemento da # ordinabile1 (ad esempio: Ordinamento1 Elemento 2) elenco a # elenco ordinabile2. Il problema è quando l'oggetto si è spostato sul # sortable2 e provo a cliccarlo, il mouseevent attivato è $("#sortable1 li").click(function(){}) non $("#sortable2 li").click(function(){}).

Qualsiasi suggerimento quindi se si sposta l'elemento da sortable1 a sortable2 e si fa clic su quell'elemento, l'elemento trigger $("#sortable2 li").click(function(){})?

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

Answer 1

è necessario utilizzare on() vedere l'aggiornamento http://jsfiddle.net/zX3pX/13/

Answer 2

avrei probabilmente aggiungere una classe a ogni li voce di ciò tavolo è nella Per esempio

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

.

Quindi quando si controlla .click su $(".sort1") e quando si sposta l'elemento eseguito

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

Answer 3

userei .on come .delegate è stata superata. In questo modo si collega l'evento alla lista e non alla voce dell'elenco.

Utilizzare questa:

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

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

violino: http://jsfiddle.net/qkCcS/