jQuery可排序插件上的多个绑定

时间:2016-11-21 22:37:29

标签: jquery jquery-ui jquery-ui-sortable

我有三个列表并使用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?

1 个答案:

答案 0 :(得分:0)

好的,这实际上看起来很容易。我刚刚列出了用空格分隔的两个事件......

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