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

<强>更新

如果您想限制某些dropable只能在特定的drop-zone中删除，那么您可以设置scope选项：

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

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