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