jQuery UI sortable click event

Question

У меня есть 2 списка, которые можно сортировать (# sortable1 и # sortable2), и я создал 2 click() функции для обработки каждого события события сортировки элементов ($("#sortable1 li").click(function(){}) и $("#sortable2 li").click(function(){})).

Я перемещаю 1 элемент из # sortable1 (например: Sort1 Item 2) в список # sortable2. Проблема в том, когда элемент переместился в # 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/