jquery droppable需要更少的重叠

Question

我正在使用jquery设置一个可拖动的界面来执行拖放操作.我有一个高大的物体(400px x 50px),我想放入一个小锚(100px x 100px).似乎为了触发"drop"和"over"事件,至少有一半的拖动容器必须在droppable容器的边界内,在这种情况下不会发生,因为拖动容器要大得多.有没有办法减少这种限制,以便这些事件会被激发？

Answer 1

我相信你正在寻找tolerance选项:http://jqueryui.com/demos/droppable/#option-tolerance

$( ".selector" ).droppable({ tolerance: "touch" });

您可能也喜欢这个pointer价值:

$( ".selector" ).droppable({ tolerance: "pointer" });

更新

如果要将某些可丢弃的内容限制为仅在特定的放置区中删除,则可以设置scope选项:

$( ".selector-1" ).droppable({ scope: "tasks" });
$( ".selector-2" ).draggable({ scope: "tasks" });

上述相同的文档链接也将提供有关此选项的更多信息.