jsPlumb自动定位框

Question

我对jsPlumb相当新，我想知道是否有一种方法可以将box / div（彼此连接的盒子）自动定位在页面中。我有很多“实体”将从数据库中动态获取，因此“手动”定位实际上不是一个选项。只要它们彼此不重叠，它们在哪里都无关紧要。

从我搜索到现在为止，jsPlumb没有关于此事的文档。我不确定如何实现我的盒子的正确定位。

从下面的例子可以看出，通过为每个盒子写一堆CSS来手动处理盒子的位置 - 我绝对不需要：

#window1 { top:30em;left:10em;}
#window2 { top:-2em; left:36em;}
#window3 { top:20em;left:45em; }
#window4 { top:17em; left:22em;}

示例：http://www.lively-kernel.org/repository/webwerkstatt/users/tmohr/libs/jsPlumb/demo/jquery/flowchartConnectorsDemo.html#

的jsfiddle：http://jsfiddle.net/evycd00u/3

Answer 1

这个职位是CSS。所以你可以使用Javascript或JQuery来设置你的盒子的位置使用一些过程：

// e.g. this uses JQuery
for (var i=0; i<4; i++) {
    $("#window"+i).css({top: 50+80*i, left: 200});
}