Re: [問題] jQuery drag & drop & sortable 重複複製
※ 引述《sin282 (@興...)》之銘言：
: 場景上有 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分開(機率降低,還是有機會觸發)
我以前做YUI sortable也有遇到類似問題 不過我沒解掉XD
也不是很常發生 偶爾會有
1.drop到錯誤位置
2.drag div額外複製
究其原因 就是sortable div弄得太複雜了
你的div內有個img元素
我的div內有很多form元素 常常會drag進input裡
然後input好像就不會bubble up觸發ondrop
我這個問題與解法，jquery可以設cancel：
http://stackoverflow.com/questions/21816262/
how-do-i-drag-a-div-if-someone-clicks-on-a-input-within-the-draggable-div
縮：http://tinyurl.com/qb5py8g
如果sortable很單純 像範例那樣只有ul li 那世界很美好
或是如你所說把sortable拿掉 也就沒bug了
我猜想你可能有拖到img 或是將div拖進img
所以也許可以試試看去偵測
img.ondrop = function(e) {
e.preventDefault();
//next, do the drag yourself
}
Good luck!
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 118.99.129.37
推
03/26 09:16, , 1F
03/26 09:16, 1F
推
03/26 14:57, , 2F
03/26 14:57, 2F
討論串 (同標題文章)
本文引述了以下文章的的內容：
完整討論串 (本文為第 2 之 2 篇)：