0

まず最初に、私は jQuery の初心者であり、jsPlumb の初心者であることは間違いありませんが、公式ドキュメントを確認しましたが、この問題の解決策を得ることができませんでした。

それぞれにエンドポイントがある 2 つのドラッグ可能な div 要素があり、それらを相互に接続できます。問題は、接続を確立してから、使用している矢印画像の周りに div 要素をドラッグすると、適切な場所に配置されないことです (アンカーに ["RightMiddle", "LeftMiddle"] を使用しています) ）。

画像を div 要素の中央右 (または左) 側に固定し、ずれないようにする方法はありますか?

私がこれまでに持っているもののjsFiddleリンクは次のとおりです。コードは次のとおりです。

$(document).ready(function () {
jsPlumb.draggable($('.table'), {
    containment: '#schema'
});
var endpointOptions = {
    isSource: true,
    isTarget: true,
    endpoint: ["Image", {
        url: "http://i43.tinypic.com/1z31ac2.gif"
    }],
    style: {
        fillStyle: 'gray'
    },
    maxConnections: -1,
    connector: ["Flowchart", {
        curviness: 5
    }],
    connectorStyle: {
        lineWidth: 3,
        strokeStyle: 'gray'
    },
    anchors: ["RightMiddle", "LeftMiddle"],
    scope: "gray"
};
var ep01 = jsPlumb.addEndpoint("container0", endpointOptions);
var ep02 = jsPlumb.addEndpoint("container1", endpointOptions);
jsPlumb.connect({
    source: ep01,
    target: ep02
});

});

4

1 に答える 1

0

画像を div 要素の中央右 (または左) 側に貼り付けるには、RightMiddle と LeftMiddle の両方を指定する代わりに、単純にいずれかを指定できます。

anchors: "RightMiddle", // For your image Right position suits the best
于 2013-11-29T08:07:57.817 に答える