将 jQuery-UI “可排序”项拖放到页面的另一个元素上

Question

我有一个 jQuery-UI“可排序”项目列表。我想从页面其他地方的列表中删除一个元素。

具体来说，它是一个 CMS。我可以使用 jQuery.ui.sortable 重新排序内容项。我想在页面其他位置的“回收站”链接上拖放其中一个元素。

当我将可拖动元素放在页面的特定元素上时，如何执行特定操作？我怎样才能在我丢了物品的地方拿到物品？

谢谢

Answer 1

我有类似的情况，但我为我的回收站设置了一个<div> 并将其设为连接列表。这是我的脚本：

$('#rubbishBin').sortable({
    placeholder: 'deletingPlaceholder',
    update: function (event, ui) {
        ui.item.hide();
        // Do what you need to to delete the item from the database
    }
});
$('#itemContainer').sortable({
    opacity: 0.6,
    cursor: 'move',
    revert: true,
    delay: 250,
    tolerance: 'intersect',
    placeholder: 'draggingPlaceholder',
    connectWith: '#rubbishBin'
});