jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了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/

如果我不清楚或者可以提供进一步的解释,请告诉我.再次,非常感谢你花时间看看这个 – 你们真棒!

弥敦道

解决方法

@H_301_37@ 您可以通过draggable()函数初始化克隆上的拖动功能,并删除类objectDrag,以便添加的对象不会开始创建自己的克隆.

$(".objectDrag").draggable({
    Helper:'clone'
});  

$("#artCanvas").droppable({
    accept: ".objectDrag",ui){
        var new_signature = $(ui.Helper).clone().removeClass('objectDrag');
        new_signature.draggable();
        $(this).append(new_signaturE);
    }
});

JSfiddlehttp://jsfiddle.net/YRfVd/56/

大佬总结

以上是大佬教程为你收集整理的jQuery UI – Draggable Helper Clone全部内容,希望文章能够帮你解决jQuery UI – Draggable Helper Clone所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。