jquery - jquery droppable 需要更少的重叠

Question

我正在使用 jquery 设置一个可拖动的界面来执行我的拖放操作。我有一个高大的物体（400 像素 x 50 像素），我想将它放入一个小锚（100 像素 x 100 像素）中。似乎为了触发“drop”和“over”事件，至少一半的拖动容器必须在可放置容器的边界内，这在这种情况下不会发生，因为拖动容器要大得多. 有没有办法减轻这种限制，以便触发这些事件？

Answer 1

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

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

您可能还喜欢以下pointer值：

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

更新

如果你想限制某些 droppables 只在特定的 drop-zone 中放置，那么你可以设置scope选项：

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

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