使jQuery droppable从可排序的使用connectWith接收项目

我有一个可排序的列表,它使用connectWith来确保它只能在自己的列表类型中排序.

现在我正在尝试在一个项目被排序时,在视口底部出现一个可放置的垃圾桶元素.此元素位于列表的上下文之外,只需删除其上删除的任何元素即可.所需的功能与删除Android手机桌面的快捷方式相同,如果您熟悉的话.

问题是,虽然我的垃圾桶是可接受的“*”,但是我的排序只能被连接到其他“.dropZone”项目,这意味着我无法获得任何可排序的元素,导致垃圾桶上的悬停状态元件.

我已经尝试在开始事件中将每个排序变成可拖动的,但是当然我不会在确切的时候拖动该拖动,因此它没有被激活.是否可以满足这两个要求,或者我将手动检测垃圾桶可以悬停？

解决方法

因为connectWith接受一个选择器,你可以提供一个选择器,选择其他连接的列表和垃圾桶.

$("#sortable1,#sortable2").sortable({
    connectWith: '.connectedSortable,#trash'
}).disableSelection();

$("#trash").droppable({
    accept: ".connectedSortable li",hoverClass: "ui-state-hover",drop: function(ev,ui) {
        ui.draggable.remove();
    }
});

示例：http://jsfiddle.net/petersendidit/YDZJs/1/