jsPlumb和动态窗口初始化

Question

我试图初始化jsPlumb与可变数量的启动窗口，具体情况取决于。因为窗口必须是绝对定位的，所以它们在初始化时会相互重叠，并且我无法提前设置css以将它们正确地分隔开。这是我的看法：

<div class="flowchart-demo" id="tree"> 
     @foreach (var level0 in Model.Level0) 
     { 
      <div class="window" id="@level0.Id"><strong>@level0.FirstName @level0.LastName</strong><span class="ep"></span></div> 
     } 
     <div class="break"></div> 
     @foreach (var level1 in Model.Level1) 
     { 
      <div class="window" id="@level1.Id"><strong>@level1.FirstName @level1.LastName</strong><span class="ep"></span></div> 
     } 
     <div class="break"></div> 
     @foreach (var level2 in Model.Level2) 
     { 
      <div class="window" id="@level2.Id"><strong>@level2.FirstName @level2.LastName</strong><span class="ep"></span></div> 
     } 
    </div> 

有没有人有jsPlumb的经验知道如何使用它的动态初始化？

在此先感谢。

Answer 1

我使用jquery动画重新定位的绝对要素：

$("div.window").each(function(i, elem) { 
    var pos = i * 300; 
    $(this).animate({ left: pos + "px" }); 
});