列表上的jQuery更改事件处理程序

Question

我希望每次使用jQuery对列表进行更改（移动项目，添加项目等）时都会触发事件处理程序。

.change()处理程序似乎无法正常工作：

http://jsfiddle.net/89wkL2s1/

$("#sortable").change(function(){
    alert("Change handler works");
});

如何才能捕获列表中的所有更改？

Answer 1

您可以收听各种活动，然后使用

$('#sortable').trigger('change');

Answer 2

您可以添加可投放事件，如下所示：

$("#sortable").on("sort", function(){
    console.log("sort handler works");
});

Fiddle

检查sortable api here，他们有很好的例子。

Answer 3

每次重新排序列表时都会触发update事件：

 $(function () {
     $("#sortable").sortable({
         'update' : function (event, ui) {
             console.log("The list's been rearranged.");
         }
     });
     $("#sortable").disableSelection();
 });

JS Fiddle demo

参考文献：

• sortable()。
  • update。