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);
    }
});

演示:小提琴