2

我在 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');
            });
4

3 回答 3

1

Google 小组的一位好人帮我解决了这个问题：我从另一个示例中包含的 jsPlumb 版本已过时。如果我包括这个http://jsplumb.org/js/jquery.jsPlumb-1.3.16-all-min.js就可以了。

于 2013-02-03T15:00:34.683 回答
0

将端点的半径更改为端点

[“点”，{半径：1}]，

和connectorStyle的线宽为1

connectorStyle : { lineWidth: 4, strokeStyle:"#5b9ada" }

于 2013-05-24T11:01:22.867 回答
0

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

也许你应该让你的端点更大，并给连接线一个比端点更小的z-index，这样你就不会错过画布而不是div（画布在连接后几乎阻塞了块1上的整个div已建立到第 2 块，在您的元素检查器/firebug/等中检查它）

于 2013-02-04T17:19:45.543 回答