jquery ui拖放 - div不堆叠

Question

我创建了一个示例，用于将div拖放到另一个div并将其附加到它被拖入的div中。

http://jsfiddle.net/22et84qc/

$( ".draggable" ).draggable({stack:"draggable"});
$( "#droppable" ).droppable({
drop: function(ev, ui) {
    var offset = ui.helper.offset();
        ui.helper.appendTo( this ).offset( offset );
    }
});

它工作正常但是当我需要div时我首先可以叠加它们但是当我再次拖动它们时它们不会叠加。

知道我做错了吗？

Answer 1

你错过了＆＃34;。＆＃34;在堆栈中：＆＃34;可拖动＆＃34;

固定代码：

$( ".draggable" ).draggable({stack:".draggable"});
$( "#droppable" ).droppable({
drop: function(ev, ui) {
    var offset = ui.helper.offset();
        ui.helper.appendTo( this ).offset( offset );
    }
});