Javascript 克隆的；“可拖动的”；元素'；s不'；t对“作出反应”；“可下降”；地区

我用这段代码克隆了一个可拖动的元素

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


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

这很有效。但是，“克隆”对象不再对“可拖放”区域作出反应

这有什么办法吗？我可以让

可拖动的
生效吗？因此，任何新的
.draggable
元素都会与可拖放元素发生反应？
尝试这样做

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

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


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

这是另一篇文章的一个例子


我认为您缺少
droppable上的
helper:'clone'
您必须声明一个
drop
-事件函数才能在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').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 );;
        }

});