jsPlumb：如何建立条件连接

Question

A试图基于规则在节点之间创建连接，例如：

1. “ API请求”端点无法连接到“发起呼叫”以外的任何其他节点。
2. “失败”端点无法连接到“播放音频”依此类推...

这是我的端点定义代码：

let addEndpoints = function(toId, sourceAnchors, targetAnchors) {
    console.log(toId, sourceAnchors, targetAnchors);
    for (var i = 0; i < sourceAnchors.length; i++) {
      var sourceUUID = toId + sourceAnchors[i];
      instance.addEndpoint(toId, sourceEndpoint, {
        anchor: sourceAnchors[i],
        uuid: sourceUUID
      });
    }
    for (var j = 0; j < targetAnchors.length; j++) {
      var targetUUID = toId + targetAnchors[j];
      instance.addEndpoint(toId, targetEndpoint, {
        anchor: targetAnchors[j],
        // anchor: 'Continuous',
        uuid: targetUUID
      });
    }
  };

有人可以帮忙吗？

Answer 1

尝试为此使用beforeDrop拦截器：

https://docs.jsplumbtoolkit.com/community/current/articles/events-community.html#evt-beforedrop

您可以在这里看到它的使用情况（不完全是您想要的使用方式，它会在此演示中弹出一个确认）：

https://jsplumbtoolkit.com/community/demonstration/draggableConnectors

尝试将一个蓝色端点拖动到另一个蓝色端点之一。