Question

我有以下HTML

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

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

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

它在正确的容器中显示 draggble 。但是当我进行明星拖动时，它突然将选定的可拖动移动到顶部容器中。当我将它拖到顶部容器之外时，它不会让我。

我尝试将 draggable 的位置设置为：relative，absolute。但它解决了这个问题。

修改：如果我使用

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

它工作正常。但是连接不会随着dvs一起受到拖累。如果我这样做

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

然后连接与div一起移动，但上面提到的问题发生，即div自动移动到最高限度。

Answer 1

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

jsPlumb多个包含不能一起工作。这个错误？

1 个答案: