JSplumb双债券

时间:2012-12-19 08:00:47

标签: javascript jquery ajax jsplumb

我想使用librairy 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});

有人有解决方案吗?

1 个答案:

答案 0 :(得分:1)

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