可排序 + 可拖动演示 - 如何访问放置的项目？

我有一个可排序的列表。当一个新项目（从可拖动的项目）放入列表中时，我想访问它以对其执行一些操作。这就是我所拥有的：

$("#mySortableList").sortable({
    receive: function(event, ui) {
        alert("this is the dropped item: " + ui.item.toString());
    }
}).disableSelection();

所以“ui.item”是被删除的元素，但它不是现在将成为我的列表一部分的重复项目。我如何获得掉落的新物品？我在这里使用 jquery-ui 网站的确切演示：http://jqueryui.com/demos/draggable/#sortable http://jqueryui.com/demos/draggable/#sortable

Thanks

您可以在stop事件并检查它是否来自可拖动对象（它没有附加句柄，如果它来自可排序对象，则会附加句柄），如下所示：

$("#mySortableList").sortable({
    stop: function(event, ui) {
    //check it wasn't here previously
    if(!ui.item.data('tag') && !ui.item.data('handle')) {
        ui.item.data('tag', true); //tag new draggable drops
        alert("this is the dropped item: " + ui.item.toString());
    }
}).disableSelection();

您可以在此处查看演示/测试 http://jsfiddle.net/fHSBg/，由于没有添加句柄，至少不是以重要的方式添加，因此我们标记从可拖动对象中删除的项目，以便它们在可排序对象内移动时不会再次触发警报。