5
2つのエンドポイント間のJSPlumbで直線接続を作成しようとしています。 エンドポイントに接続しようとすると、直線接続を作成する代わりにソースポイントがドラッグされます。ここでJSPlumbで直線接続を作成できません
フィドル： http://jsfiddle.net/dutchman71/aMksZ/2/
すべてのヘルプ高く評価しました。
var endpointOptions = {
anchor:"BottomCenter",
maxConnections:1,
isSource:true,
isTarget:true,
endpoint:["Dot", {radius:5}],
paintStyle:{fillStyle:"#5b9ada"},
connectorStyle : { lineWidth: 3, strokeStyle:"#5b9ada" },
connector : new jsPlumb.Connectors.Straight(),
setDragAllowedWhenFull:true,
connectorOverlays:[
[ "Arrow", { width:20, length:30, location:1, id:"arrow" } ],
[ "Label", { label:"", id:"label" } ]
]
}
jsPlumb.bind("ready", function() {
jsPlumb.addEndpoint('block1', endpointOptions);
jsPlumb.addEndpoint('block2', endpointOptions);
jsPlumb.draggable('block1');
jsPlumb.draggable('block2');
});