jsplumb - jsPlumb 多个容器不能一起工作。这是错误吗？

Question

我有以下 HTML

<div id="leftpanel">
    <div id="top"></div>
    <div id="middle"></div>
    <div id="bottom"></div>
</div>

我通过 JS 动态添加可拖动。并使用以下 JS 代码使它们可拖动。

jsPlumb.draggable($("#top .draggable"),{containment:"#top"});
jsPlumb.draggable($("#middle .draggable"),{containment:"#middle"});
jsPlumb.draggable($("#bottom .draggable"),{containment:"#bottom"});

它显示我在正确的容器中拖动。但是当我拖动时，它突然将选定的可拖动对象移动到顶部容器中。当我将它拖到顶部容器之外时，它不允许我这样做。

我尝试将可拖动的位置设置为：相对，绝对。但它不能解决问题。

编辑：如果我使用

$("#divId").draggable({containment:container});

它工作正常。但是连接不会与 dvs 一起被拖累。如果我遵循

jsPlumb.draggable($("#divId"),{containment:container});

然后连接与 div 一起移动，但出现上述问题，即 div 自动移动到顶部容器。

Answer 1

在你的 jsfiddle 你没有使用 jquery.jsPlumb-xxx-min.js