8

我想使用库 jsPlumb Javascript 与两个 div 建立双键。我可以建立联系,但不能建立双键。

你知道如何制作双键吗?

对于两个 DIV 之间的简单链接:

jsPlumb.ready(function() {
   jsPlumb.importDefaults({
       ConnectorZIndex:5
   });
   var jsP = jsPlumb.getInstance({
       PaintStyle:{ lineWidth:2, strokeStyle:"#000", outlineColor:"black", outlineWidth:1 },
       Connector: "Straight",
       Endpoint: "Blank"
   });
   var e0 = jsP.addEndpoint("firstLink", {
           anchor: ["Center"]
   });
   var e1 = jsP.addEndpoint("lastLink", {
           anchor: ["Center"]
   });
   jsP.connect({ source:e0, target:e1});

对于两个 DIV 中的双链接,我对此进行了测试,但它不起作用:

       var e0 = jsP.addEndpoint("firstLink", {
           anchor: ["Center"]
       });
      var e1 = jsP.addEndpoint("lastLink", {
           anchor: ["Center"]

       });
      var e2 = jsP.addEndpoint("firstLink", {
           anchor: ["Center"]
       });
      var e3 = jsP.addEndpoint("lastLink", {
           anchor: ["Left"]

       });
      jsP.connect({ source:e0, target:e1});
      jsP.connect({ source:e2, target:e3});

有人有解决方案吗?

4

1 回答 1

1

“左”不是 jsPlumb 中的有效锚点位置。尝试“LeftMiddle”、“TopLeft”或“BottomLeft”。“LeftMiddle”可能是您正在寻找的那个。

于 2012-12-19T08:56:45.810 回答