我有一个可排序的列表，它使用connectWith 来确保它只能在它自己的列表类型中进行排序。
现在我正在尝试制作一个可放置的垃圾桶元素，该元素在对项目进行排序时显示在视口的底部。这个元素在列表的上下文之外，只是简单地删除掉在它上面的任何元素。如果您熟悉的话，所需的功能与从 Android 手机桌面删除快捷方式相同。
问题是，虽然我的垃圾桶是一个接受“*”的可丢弃物，但我的可排序仅被告知 connectWith 其他“.dropZone”项目，这意味着我无法让我的任何可排序元素导致将鼠标悬停在垃圾元素上。
我已经尝试在start 事件上将每个可排序对象变成可拖动对象，但当然我并没有在确切的时刻拖动那个可拖动对象，因此它没有被激活。是否可以同时满足这两个要求，还是我必须手动检测垃圾桶悬停？
【问题讨论】：
标签： jquery jquery-ui jquery-ui-sortable droppable
由于connectWith 接受选择器，您可以为其提供一个选择器，该选择器同时选择其他连接的列表和您的垃圾箱。
$("#sortable1, #sortable2").sortable({
connectWith: '.connectedSortable, #trash'
}).disableSelection();
$("#trash").droppable({
accept: ".connectedSortable li",
hoverClass: "ui-state-hover",
drop: function(ev, ui) {
ui.draggable.remove();
}
});
【讨论】：
connectWith 选项只连接可排序的。它不与 droppables 连接。项目simply reverts back to sortable。您的演示 does the same thing 没有 connectWith 选项。
将垃圾桶也设为.dropZone 怎么样？然后你会得到一个正确的drop 事件，并且你可以正确处理删除。
将垃圾桶设为可分类可能会有副作用，但我认为它们应该很容易解决。
如果这不符合您的要求，您能否提供一个演示 somewhere，以便我们知道我们必须解决哪些问题才能保持您的结构完整，同时仍然添加您需要的功能？
【讨论】：