Question

Hay我正在使用此代码来克隆可拖动元素

$('.draggable').draggable({helper: "clone"});
$('.draggable').bind('dragstop', function(event, ui) {
    $(this).after($(ui.helper).clone().draggable());
});


$(".droppable").droppable({accept: ".draggable"});

哪个效果很好。但是，“克隆”对象不会对“可放置”区域做出反应。

这有什么办法吗？我可以让draggable直播吗？那么任何新的.draggable元素都会与可放置的元素做出反应吗？

Answer 1

试试这个

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

$('.draggable').bind('dragstop', function(event, ui) {
    $(this).after($(ui.helper).clone().draggable());


   //re-make objects draggable
   $('.draggable').draggable({helper: "clone"});
});
...

Answer 2

这是不同帖子的例子。

http://jsfiddle.net/hHKh9/2/

我认为你在helper:'clone'

上遗漏了droppable

Answer 3

您必须声明一个drop - 事件函数才能在droppable上进行交互。

请参阅Here

每个克隆都与droppable交互。

$('.draggable').draggable({helper: "clone"});
$('.draggable').bind('dragstop', function(event, ui) {
    $(this).after($(ui.helper).clone().draggable());
});


$(".droppable").droppable({accept: ".draggable",


        drop: function( event, ui ) {
            $( this )
                .addClass( "dropped" ).find( "> p" )
                    .html( document.lastModified );;
        }

});

克隆的“draggable”元素对“可放置”区域没有反应

3 个答案: