liên kết đôi JSplumb

Question

Tôi muốn tạo liên kết đôi với hai div bằng cách sử dụng Javascript librairy jsPlumb. Tôi có thể tạo một kết nối, nhưng không phải là một liên kết đôi.

Bạn có biết cách tạo liên kết đôi không?

Đối với một liên kết đơn giản giữa hai 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}); 

Đối với một liên kết đôi trong hai DIV, tôi thử nghiệm này, nhưng nó không hoạt động:

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

Ai đó có giải pháp?

Answer 1

"Trái" không phải là vị trí neo hợp lệ trong jsPlumb. Hãy thử "LeftMiddle", "TopLeft" hoặc "BottomLeft". "LeftMiddle" có lẽ là một trong những bạn đang tìm kiếm.