如何知道何时将项添加到jQuery Sortable UI中的可排序容器中

Question

我正在尝试使用Sortable Widget创建一个connect list，其中我有两个容器，一个包含可用商品，另一个包含放置商品的位置。

当项目从左侧容器移动到右侧容器时，我需要能够执行某些操作。

这是我创建两个容器的代码。

我尝试捕获change事件，但这并没有告诉我该项目是否已添加。

    $( "#sortable").sortable({
        connectWith: ".connectedSortable_1"
    });

    $( "#selected_sortable").sortable({
        connectWith: ".connectedSortable_1",
        change: function(e,i){
            console.log(e);
        }
    });

如果物品从左侧容器移动到右侧容器，我可以触发什么事件？

Answer 1

您想要收听Sortable的receive事件。

$( ".selector" ).on( "sortreceive", function( event, ui ) {} );