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 animate来重新定位绝对元素：

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

jsPlumb和初始化时的动态Windows

1 个答案: