如何知道何时将项目添加到 jQuery 可排序 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 ) {} );