Jquery Draggable/Droppable 附加多个 div

Question

我试图获得一个可放置区域来接受多个 div，但它只接受最近声明的。我无法找到解决此问题的方法。

这是代码:

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

$("#canvas").droppable({
    accept: ".square",
    accept: ".rect",
    drop: function(ev,ui){
        $(ui.draggable).clone.appendTo(this);

Answer 1

当您将 accept 选项传递给对象两次时，最新的选项将覆盖第一个

尝试

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

$("#canvas").droppable({
    accept: ".rect, .square",
    drop: function(ev,ui){
        $(ui.draggable).clone().appendTo(this);
    }
});

演示:Fiddle