如何防止觸發多個jQuery UI droppables？

Question

我有一個jQuery UI draggable和幾個單獨定義的droppables。由於其中一個可放置物配置爲tolerance: 'intersect'，因此可拖放物可能會同時放入多種可放置物。

什麼是最好的方法來防止非預期的droppables射擊？基本上，我想優先考慮droppables，以便在觸發另一個droppable的情況下不會觸發tolerance: 'intersect'的droppables。

更新 - 更多信息，以澄清事情：

• 所有droppables的除了一類的投擲的有tolerance: 'intersect'配置tolerance: 'pointer'。

• 原因一類的投擲的有tolerance: 'intersect'是，droppables真的窄，用戶有問題tolerance: 'pointer'找到他們。

• 將droppables進一步分開不是一個選項。

• 的droppables沒有重疊，但將可拖動的是大到足以重疊的可投放與tolerance: 'intersect'在鼠標指針位於另可投放與tolerance: 'pointer'。以這種方式最多可以觸發兩個投擲物。

• 用戶界面的佈局使用戶的意圖可以通過忽略可觸發條件來確定，如果另一個可觸發條件被觸發;即如果用戶將鼠標指針移動到與tolerance: 'pointer'相關聯的可投放位置，則可以安全地假定他/她打算將其放在那裏。問題是，我無法弄清楚如何忽略不需要的droppable。

Answer 1

將它們從物理上彼此遠離，以使它們不能同時落下。否則，你應該如何確定用戶的意圖？你打算計算每個相交可拖拽的可拖動的百分比嗎？

Answer 2

也許在的「次優選的」過事件可放開你可以檢查拖動也是在「最佳」可棄而如果是禁用「次優選的」可棄。

很抱歉的術語，只是爲了集思廣益。

Answer 3

在over:，指定一個類來預期可放開和所有其他droppables刪除類：

$(".dragArea").not($(this)).removeClass("dragHover"); 
$(this).addClass("dragHover"); 

然後在drop:，檢查類設置：

if(!$(this).is('.dragHover')){ 
    return false; 
} 

這樣，只能觸發一次droppable。