jQuery UIドラッグされた要素の中心のみがドラッグ可能なゴミ箱をアクティブにします

Question

"sortable"リストと "droppable"ゴミ箱を使用しています。問題は、ドラッグされた要素は、そのゴミのみを中心にアクティブにします。その "アクティベーションエリア"をどのようにすべての要素に広めることができますか？

そして、これは私がそれを行うために使用される私のjQueryのです：

$(".barbox").sortable({ 
    connectWith: '.connectedTrash, #droptaskdelete' 
}).disableSelection(); 

$(".barbox").sortable({ 
    connectWith: '.connectedTrash, #droptaskdelete' 
}).disableSelection(); 

$("#droptaskdelete").droppable({ 
    accept: ".connectedTrash .bar", 
    hoverClass: "trash-active", 
    drop: function(ev, ui) { 
     ui.draggable.remove(); 
    } 
}); 

ゴミ箱が働いているが、問題はその "活性化領域" です。ドラッグされたすべての要素がそのゴミを有効にしたい。

お願いします。

Answer 1

toleranceオプションのAPIを見てみましょう。あなたが `tolerance`オプションのAPIを見てhttps://api.jqueryui.com/droppable/#option-tolerance