jsPlumb自动定位框

时间:2017-07-04 14:52:40

标签: javascript css jsplumb

我对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

1 个答案:

答案 0 :(得分:0)

该职位是CSS。所以你可以使用Javascript或JQuery来设置你的盒子的位置:

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