Css jsPlumb和动态窗口的初始化

Css jsPlumb和动态窗口的初始化,css,jsplumb,Css,Jsplumb,我试图根据具体情况,使用不同数量的启动窗口初始化jsPlumb。因为窗口必须绝对定位,它们在初始化时彼此重叠,我不能提前设置css来正确地隔开它们。我的看法是: <div class="flowchart-demo" id="tree"> @foreach (var level0 in Model.Level0) { <div class="window" id="@level0.Id"><strong>

我试图根据具体情况,使用不同数量的启动窗口初始化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的经验,知道如何使用它进行动态初始化


提前感谢。

我正在使用jquery animate重新定位绝对元素:

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