2

jsPlumb が同じソース アンカーから 2 つの接続を作成しようとして、非常に苦労しています。

たとえば、以下の JSFiddle では、ブロック 1 アンカーから他の 2 つのブロック 2 および 3 への 2 つの接続を作成しようとしています。 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

maxconnectionsを正の整数に設定します。それはそれをする必要があります。

エンドポイントを大きくし、コネクタラインにエンポイントよりも小さいz-indexを指定する必要があるかもしれません。そうすれば、divの代わりにキャンバスをミスクリックすることはありません（キャンバスは、接続後にブロック1のdivのほぼ全体をブロックします）ブロック2に確立され、要素インスペクター/ファイアバグなどでチェックします）

于 2013-02-04T17:19:45.543 に答える