作者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