jquery - ドロップ可能なjqueryのオーバーラップが少なくて済みます

Question

ドラッグアンドドロップ操作を行うためにjqueryを使用してドラッグ可能なインターフェイスを設定しています。小さなアンカー（100px x 100px）にドロップしたい背の高いオブジェクト（400px x 50px）があります。「ドロップ」イベントと「オーバー」イベントが発生するためには、ドラッグコンテナの少なくとも半分がドロップ可能なコンテナの境界内にある必要があるようです。これは、ドラッグコンテナが非常に大きいため、この場合は発生しません。 。これらのイベントが発生するように、この制限を緩和する方法はありますか？

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

上記と同じドキュメントリンクで、このオプションに関する詳細情報も提供されます。