我有一个可排序的列表,它使用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();
}
});
