Wie kann ich mehrere Endpunkte von einem einzigen Startpunkt verbinden?

Question

Der folgende Code ermöglicht es mir, einen Startpunkt entweder an Endpunkt A oder Endpunkt B anzuschließen, aber nicht an beide! Könnte mir jemand helfen, dies zu ändern, so dass es möglich ist, zu beiden Endpunkten zu verlinken?
Here's a fiddle to illustrate my point))

$(function() { 

    jsPlumb.ready(function() { 
     var jsp = jsPlumb.getInstance(); 
     jsp.draggable($("#start")); 
     jsp.draggable($("#end_A")); 
     jsp.draggable($("#end_B")); 

     var endpoint = jsp.addEndpoint($("#start"), { 
      isSource:true 
     }); 

     jsp.addEndpoint($("#end_A"), { 
      isTarget:true 
     }); 

     var endpoint = jsp.addEndpoint($("#start"), { 
      isSource:true 
     }); 

     jsp.addEndpoint($("#end_B"), { 
      isTarget:true 
     }); 

     $("#dragbutton").bind("mousedown", function(e) { 

      $(document).bind("mousemove.adjust", function(e) { 

       var left = e.offsetX; 
       var top = e.offsetY; 
       $(endpoint.canvas).css({"left":left, "top":top}); 
       $(document).unbind("mousemove.adjust"); 
      }); 

      $(endpoint.canvas).trigger(e) 
     })   

    })  

}) 

Answer 1

Verwenden Sie die maxConnections Eigenschaft.

maxConnections: -1 // unlimited connections 
maxConnections: 1 // only one connection