如果一个元素有多个端点，jsPlumb 选择连接到哪个端点

Question

我正在构建一个通过 jsPlumb 连接门的逻辑门应用程序。

要创建一个我正在做的逻辑门端点：

jsPlumb.addEndpoint('and', {
        isTarget: true,
        maxConnections: 1,
        anchor: 'TopRight'
    },
    genericStyling);

jsPlumb.addEndpoint('and', {
        isTarget: true,
        maxConnections: 1,
        anchor: 'BottomRight'
    },
    genericStyling);

jsPlumb.addEndpoint('and', {
        isSource: true,
        maxConnections: 1,
        anchor: 'Left'
    },
    genericStyling);

这对于向页面添加门和输入并在它们之间绘制线条都可以正常工作，但我想使用以下方法预加载一些现有逻辑：

var left = getInput(logic.left),//adds an input to the page and adds a source endpoint
    right = getInput(logic.right),
    gate = getGate(logic.gate); //adds a gate to the page and adds source and target endpoints

if(left && gate){
    var leftLine = jsPlumb.getInstance(genericLine);
    leftLine.connect({source: left, target: gate})
}

if(right && gate){
    var rightLine = jsPlumb.getInstance(genericLine);
    rightLine.connect({source: right, target: gate})
}

但 connect 函数似乎并不关注现有端点并创建自己的端点。

如何绘制输入源和门的目标之一之间的连接？

Answer 1

我发现这可以通过在添加端点时在端点上设置一个 uuid 并绘制如下连接来完成：

jsPlumb.connect({uuids: [leftUuid, leftGateUuid]});