Question

我有一段时间jsPlumb尝试从同一源锚创建两个连接。

例如，在下面的JSFiddle中，我试图创建从块1锚到另外两个块2和3的两个连接。 http://jsfiddle.net/dutchman71/TYerW/3/

出于某种原因，它在jsPlumb示例中使用绿点锚点工作正常。 http://jsplumb.org/jquery/draggableConnectorsDemo.html#

谁能告诉我我缺少的东西？

            var endpointOptions = { 
                    anchor:"BottomCenter",
                    maxConnections:-1, 
                    isSource:true, 
                    isTarget:true, 
                    endpoint:["Dot", {radius:6}], 
                    setDragAllowedWhenFull:true,
                    paintStyle:{fillStyle:"#5b9ada"},
                    connectorStyle : {  lineWidth: 4, strokeStyle:"#5b9ada" },
                    connector:[ "Bezier", { curviness:1 }],
                    connectorOverlays:[ 
                        [ "Arrow", { width:15, length:15, location:1, id:"arrow" } ], 
                        [ "Label", { label:"", id:"label" } ]
                    ]               
                    }

            jsPlumb.bind("ready", function() {

                    jsPlumb.addEndpoint('block1', endpointOptions);

                    jsPlumb.addEndpoint('block2', endpointOptions);

                    jsPlumb.addEndpoint('block3', endpointOptions);

                    jsPlumb.draggable('block1');
                    jsPlumb.draggable('block2');
                    jsPlumb.draggable('block3');
            });

Answer 1

谷歌团队的一个好人帮助我解决了这个问题：我从另一个样本中包含的jsPlumb版本已经过时了。如果我包含这个http://jsplumb.org/js/jquery.jsPlumb-1.3.16-all-min.js就行了。

Answer 2

将maxconnections设置为正整数。应该这样做。

也许你应该让你的端点更大，并为连接线提供比enpoints更小的z-index，这样你就不会错过画布而不是div （在块2建立连接后，画布几乎阻止块1上的整个div在元素检查器/ firebug / etc中检查它）

Answer 3

将endPoint的半径更改为端点

[“Dot”，{radius：1}]，

和connectorStyle的行宽为1

connectorStyle：{lineWidth：4，strokeStyle：“＃5b9ada”}

jsplumb：从同一源锚创建两个连接

3 个答案: