JSplumb Double Ties

Question

I would like to make double links with two divs using librairy jsPlumb Javascript. I can make a connection, but not double bonds.

Do you know how to make a double bond?

For a simple connection between two DIVs:

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}); 

For a double reference in two DIVs, I check this, but this does not work:

  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}); 

Anyone have a solution?

Answer 1

Left is not a valid jsPlumb binding location. Try LeftMiddle, TopLeft, or BottomLeft. The "LeftMiddle" is probably the one you are looking for.