javascript - 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});
}