jsPlumb自动定位盒子

Question

我是 jsPlumb 的新手，我想知道是否有办法让框/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});
}