有一個問題卡關卡了好久,關於drag & drop,以下描述,
參考網站:https://jqueryui.com/draggable/#sortable
元素說明：
場景上有 A & B兩個區塊
A: 五個 30px * 30px 的小icon(做為drag用)
icon元素內容 DIV 包住一個IMG
B: 一個Div包住5個Div(5列,高度都是100px),可以把icon 拖進去(複製)
擁有相同的Class做為sortable觸發區域
問題出現了,使用參考網站的語法可以順利不斷複製icon到B Div中，觸發區域可能重疊
導致icon同時複製了兩個到不同的Div中.
想請問在上述功能中,有沒有辦法限制drag物件同時只能作用在一個DIV中..感恩
以下嘗試無效
1、sortable的語法都試過了...
2、Div也有試著用空白上下Div分開(機率降低,還是有機會觸發)
找到一個線索 Droppable 中有個屬性叫做 tolerance fit
http://blog.hinablue.me/entry/note-jquery-ui-drag-and-drop-issue
但它是針對 droppable , 目前我是透過sortable..