首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >在jQuery中拖动拖放元素的克隆

在jQuery中拖动拖放元素的克隆
EN

Stack Overflow用户
提问于 2012-01-09 18:13:33
回答 2查看 2.7K关注 0票数 1

我试图拖动拖放的元素,它是被拖动元素的克隆,但当我拖动该元素时,它会在页面中创建另一个元素。这是我的代码..

代码语言:javascript
复制
jQuery(function() {
    jQuery(".component").draggable({
        //  use a helper-clone that is append to 'body' so is not 'contained' by a pane
        helper:  function () { 
            return jQuery(this).clone().appendTo('body').css({'zIndex':5}); 
        },
        cursor: 'move'
    });

    jQuery('.ui-layout-center').droppable({
        activeClass: 'ui-state-hover',
        accept:  '.component',
        drop:  function(event, ui) {
            jQuery(this).append(jQuery(ui.draggable).clone().draggable()); 
        }
    });
});

有没有什么遗漏的命令可以让每个拖拽都变成一个新的克隆?

EN

回答 2

Stack Overflow用户

发布于 2012-01-09 22:24:58

您应该有一个类,以便指示元素已被删除,并且您可以移动它,但不应该克隆它。你可以看看这把小提琴:http://jsfiddle.net/scaillerie/njYqA/。在drop的处理程序中,我刚刚替换为以下代码:

代码语言:javascript
复制
if (!ui.draggable.hasClass("dropped"))
    jQuery(this).append(jQuery(ui.draggable).clone().addClass("dropped").draggable());
票数 1
EN

Stack Overflow用户

发布于 2012-01-09 18:19:20

jQuery(this).append(jQuery(ui.draggable).clone().draggable());你忘了.clone()了吗

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/8786807

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档