jQuery stackable不能处理动态创建的可拖动元素

Question

我正在运行时创建可拖动元素，并希望使它们可堆叠。每次我生成一个新的可拖动元素时，此代码都会运行：

$('.draggable#Element' + ElementID).draggable({
    containment: "body",
    stack: "#draggables"
});

具有两个生成元素的可拖动容器：

<div id="draggables">
    <div class="draggable" id="Element1"></div>
    <div class="draggable" id="Element2"></div>
</div>

我可以拖动每个元素。包含也有效。

但是：不幸的是，如果我拖动它，只有最后创建的元素堆栈。其他元素保持其z-index并保持在后台。

每次创建新元素时，我也尝试运行此代码（与上面的代码相同）：

$('.draggable').each(function() {
    $(this).draggable({
        containment: "body",
        stack: "#draggables"
    });
});

这一个：

$('.draggable').draggable({
    containment: "body",
    stack: "#draggables"
});

如何实现每个元素的正确堆叠？

jsFiddle示例：https://jsfiddle.net/zurgs1zb/

Answer 1

检查第一条评论。  并尝试在初始化后删除所有堆栈选项和声明堆栈选项运行时间：

computerA