Question

我遇到了克隆元素droppable（）的麻烦。此代码适用于原始元素，但最终克隆的元素不再可以删除，我该怎么办？

$('.drop').droppable({
    hoverClass: 'dragHover',
});

$('.drag').draggable({
    helper: dragHelper,
});



function dragHelper( ) {

    var clone = $('.dragHelper');        
    return clone.clone().show();
}

$('.drop').clone(true,true).insertAfter('.drag');

见JsFiddle：https://jsfiddle.net/Hakuch/h03zL206/

Answer 1

在使其成为可删除之前移动clone（）调用。克隆后不会保留可放置的设置。

$('.drop').clone(true,true).insertAfter('.drag');

$('.drop').droppable({
    hoverClass: 'dragHover',
});

$('.drag').draggable({
    helper: dragHelper,
});



function dragHelper( ) {

    var clone = $('.dragHelper');        
    return clone.clone().show();
}

Answer 2

我不知道为什么你的方法不起作用。因为将两个参数都传递给clone应该可以胜任。然而，它并没有。但是你可以通过使用.clone()使其工作，然后应用.droppable()处理程序。

var clone = $('.drop').clone();
clone.droppable({
    hoverClass: 'dragHover'
});
clone.insertAfter('.drag');

工作jsFiddle：http://jsfiddle.net/h03zL206/4/

jquery make cloned element droppable

2 个答案: