[问题] jQuery drag & drop & sortable 重复复制

楼主: sin282 (@兴...)   2014-03-20 09:14:09
有一个问题卡关卡了好久,关于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..
作者: GoalBased (Artificail Intelligence)   2014-03-20 12:24:00
有两个VID的时候清掉第二个?
作者: mmis1000 (秋月恋枫)   2014-03-20 12:42:00
放一个物件追踪事件,如果短时间内出现两个以上,就忽略
楼主: sin282 (@兴...)   2014-03-20 13:37:00
谢谢各位回答,我也想过弄个变量追踪,但不太知道追踪到了怎么乎略. 因为icon 拖到 DIV时sortable会自动撑开DIVclone 就自动执行了好像不使用sortable就没问题了..

Links booklink

Contact Us: admin [ a t ] ucptt.com