作者sin282 (@興...)
看板Ajax
標題[問題] jQuery drag & drop & sortable 重複複製
時間Thu Mar 20 09:14:09 2014
有一個問題卡關卡了好久,關於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..
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 36.236.106.114
1F：推 GoalBased:有兩個VID的時候清掉第二個? 03/20 12:24
2F：推 mmis1000:放一個物件追蹤事件，如果短時間內出現兩個以上，就忽略 03/20 12:42
3F：→ sin282:謝謝各位回答,我也想過弄個變數追蹤,但不太知道追蹤到了 03/20 13:37
4F：→ sin282:怎麼乎略. 因為icon 拖到 DIV時sortable會自動撐開DIV 03/20 13:39
※ 編輯: sin282 來自: 36.236.106.114 (03/20 13:41)
5F：→ sin282:clone 就自動執行了 03/20 13:43
6F：→ sin282:好像不使用sortable就沒問題了.. 03/20 14:05