jquery - jquery droppable 需要较少的重叠

Question

我正在使用 jquery 设置一个可拖动界面来执行拖/放操作。我有一个高物体 (400px x 50px)，我想将其放入一个小 anchor (100px x 100px) 中。似乎为了触发“drop”和“over”事件，至少一半的拖动容器必须位于可放置容器的边界内，在这种情况下不会发生这种情况，因为拖动容器太大了。有没有办法减轻这种限制，以便这些事件能够触发？

Answer 1

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

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

您可能还喜欢指针值:

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

更新

如果您想限制某些可放置元素仅放置在特定的放置区域中，那么您可以设置scope选项:

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

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