Question

我要做的是在两个元素之间建立连接。这就是我现在所拥有的。

asp.net：

<asp:Button ID="centerCircle" runat="server" CssClass="dependencyCircle centerCircle core" Text="Core Apps" OnClientClick="test2()"></asp:Button>

<asp:Button ID="apiCircle" runat="server" CssClass="dependencyCircle rightCornersB support" Text="APIs" OnClientClick="test()"></asp:Button>

jsplumb：

jsPlumb.importDefaults({ 

ConnectionsDetachable:false

});
jsPlumb.bind("ready", function () {


var firstInstance = jsPlumb.getInstance({
    PaintStyle: {
        lineWidth: 10,
        strokeStyle: "#567567",
        outlineColor: "black",
        outlineWidth: 1
    },
    Connector: ["Bezier", { curviness: 30 }],
    Endpoint: ["Dot", { radius: 8 }],
});
firstInstance.connect({
    source: "apiCircle",
    target: "centerCircle",
    anchors: ["Left", "BottomRight"],

});
});

当我运行应用程序时，它会生成两个元素之间的连接，但是当我调整窗口大小并更改两个元素的位置时，连接不会相应地移动到两个元素的位置。有没有理由说连接没有根据两个元素的位置重新调整其位置？

Answer 1

每当调整窗口大小时，您需要告诉jsPlumb重绘所有连接，因为元素的位置已经改变。的代码：

$( window ).resize(function() { jsPlumb.repaintEverything(); //firstInstance.repaintEverything(); });

jsPlumb连接没有相应地移动到元素位置

1 个答案: