[問題] jQuery drag & drop & sortable 重複複製
有一個問題卡關卡了好久,關於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
推
03/20 12:24, , 1F
03/20 12:24, 1F
推
03/20 12:42, , 2F
03/20 12:42, 2F
→
03/20 13:37, , 3F
03/20 13:37, 3F
→
03/20 13:39, , 4F
03/20 13:39, 4F
※ 編輯: sin282 來自: 36.236.106.114 (03/20 13:41)
→
03/20 13:43, , 5F
03/20 13:43, 5F
→
03/20 14:05, , 6F
03/20 14:05, 6F
討論串 (同標題文章)
以下文章回應了本文：
完整討論串 (本文為第 1 之 2 篇)：
Ajax 近期熱門文章
PTT數位生活區 即時熱門文章
