当容器具有绝对位置时,jsPlumb保留子div之间的键

时间:2014-05-27 04:35:45

标签: javascript jquery html jquery-ui jsplumb

我正在使用jsPlumb,试图在div定位的容器内创建absolute任务)(项目< / strong>)可以连接到该容器内的其他div s(任务)或其他容器中的div(在其他项目中)。

当项目不可拖动时,它可以正常工作,因此 position:absolute;

意味着.itemposition:absolute;.project没有。{ http://jsfiddle.net/wwc7G/2/

当我使.project s可拖动时出现问题 - 所以他们会position:absolute - 发生的事情是div之间的关系(任务)不在同一个< strong>项目容器变得不合适/不要连接。
http://jsfiddle.net/wwc7G/1/ (这是我试图修复的小提琴)

例如,
当存在2个项目并且每个项目都有任务时,当项目可拖动时,连接这些任务将无法正常工作(position:absolute;

我有什么方法可以做到这一点,以便我可以拖动项目,同时项目内任务之间的联系仍然是一致的吗?

1 个答案:

答案 0 :(得分:1)

这是因为您尝试连接的两个DIV的容器是不同的。因此,您需要通过包含以下代码来提供公共容器:

jsPlumb.Defaults.Container=$("body");

以下是更新后的Fiddle