大佬教程收集整理的这篇文章主要介绍了jQuery UI – Draggable Helper Clone,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我的目标:
>将对象拖放到艺术画布时,对象的原始(或副本)必须保留在顶部的“工具栏”中,以便用户可以重复使用它.
>一旦被拖动的对象被拖放到艺术画布上,如果用户决定他/她想要移动它,我需要它在整个画布中保持可拖动
怎么了:
>(完成)按预期克隆对象并将其放到画布上
>一旦掉落,对象就不再沿着画布拖动了.我试图找出如何在掉线后保持可拖动状态.
克隆选项是我能够创建可拖动对象的新实例的唯一方法,也许我正在考虑错误的方向.
我正在创建一个克隆:
$(".objectDrag").draggable({ Helper:'clone' }); $("#artCanvas").droppable({ accept: ".objectDrag",drop: function(event,ui){ var new_smiley = $(ui.Helper).clone(); $(this).append(new_smiley ); } });
这是一个JSfiddle,用于直观地了解正在发生的事情:
http://jsfiddle.net/YRfVd/55/
如果我不清楚或者可以提供进一步的解释,请告诉我.再次,非常感谢你花时间看看这个 – 你们真棒!
弥敦道
$(".objectDrag").draggable({ Helper:'clone' }); $("#artCanvas").droppable({ accept: ".objectDrag",ui){ var new_signature = $(ui.Helper).clone().removeClass('objectDrag'); new_signature.draggable(); $(this).append(new_signaturE); } });
以上是大佬教程为你收集整理的jQuery UI – Draggable Helper Clone全部内容,希望文章能够帮你解决jQuery UI – Draggable Helper Clone所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。