jQuery UI 可排序点击事件

Question

我有 2 个可排序的列表(#sortable1 和 #sortable2)，并且我创建了 2 个 click() 函数来处理每个可排序项目的点击事件 ($("#sortable1 li").click(function(){}) 和 $("#sortable2 li").click(function(){}))。

我将 1 个项目从 #sortable1(例如:Sortable1 Item 2)列表移至 #sortable2 列表。问题是当该项目移动到 #sortable2 并且我尝试单击它时，触发的 mouseevent 是 $("#sortable1 li").click(function(){}) 而不是 $("#sortable2 li").click(function(){}).

如果我将项目从 sortable1 移动到 sortable2 并单击该项目，该项目会触发 $("#sortable2 li").click(function(){})，有什么建议吗？

演示:http://jsfiddle.net/yosafatade/zX3pX/12/

Answer 1

您需要使用on()查看更新http://jsfiddle.net/zX3pX/13/