jQuery 可排序插件的多个绑定

Question

我有三个列表，我正在使用 jQuery 可排序插件允许我在每个列表中重新排序，然后在列表之间拖放。

当我在列表之间移动一个项目时，我的 ajax 请求被触发：

$( ".connectedSortable" ).sortable({
  connectWith: ".connectedSortable"
}).disableSelection().bind('sortreceive', function(event, ui) {

    $.ajax({
        url: "admin.php?action=change_route_assignment&routeID="+this.id+"&id="+ui.item[0].id,
        success: function (data) {
            console.log("change saved");
        },
        dataType: 'html'
    });

});

如果我重新订购同一列表中的项目，我也想触发请求。我认为对此的绑定是 sortchange。

如何更改我的代码以触发 sortreceive 和 sortchange？

Answer 1

好的，这实际上看起来很简单。我刚刚列出了用 space ...

分隔的两个事件

$( ".connectedSortable" ).sortable({
  connectWith: ".connectedSortable"
}).disableSelection().bind('sortreceive sortchange', function(event, ui) {

jQuery 可排序插件的多个绑定

Multiple bindings on jQuery sortable plugin

jquery

jquery-ui

jquery-ui-sortable