jquery - 将 jQuery-UI "sortable"项拖放到页面的另一个元素上

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'
});