jQuery UI可排序点击事件

Posted 2021-03-31

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

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

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

但是：ぁzxswい

答案

你需要使用http://jsfiddle.net/yosafatade/zX3pX/12/查看更新on()

另一答案

我会使用http://jsfiddle.net/zX3pX/13/，因为.on已被取代。这样您就可以将事件附加到列表而不是列表项。

用这个：

.delegate

小提琴：$("#sortable1").on("click", "li", function(){ $("#testClickSort1").html($(this).html()); }); $("#sortable2").on("click", "li", function(){ $("#testClickSort2").html($(this).html()); });

另一答案

我可能会为每个http://jsfiddle.net/qkCcS/项添加一个类，例如它所在的表

li

然后当你检查<li class='sort1'></li> 上的.click时以及当你移动项目时

$(".sort1")