无法从另一个连接使用的JS Plumb Endpoint创建连接

Question

我设置了一组DIV，可以使用jsPlumb（ v2.0.7 ）连接。

每个div元素的四个边都有Anchor和Endpoint。我可以通过拖放从这些端点创建连接。

问题：一旦建立了两个端点之间的连接，它就不能再作为新的“创建连接”拖动操作的源Endpoint。使用这样使用的端点作为连接的目标，但工作正常。

配置如下所示：

jsPlumbConfig = {
      PaintStyle: {
        lineWidth: 1
        outlineWidth: 5
        strokeStyle: "#FFF"
        outlineColor: "transparent"
      }
      Connector: [ "Bezier", { curviness: 69 } ]
      ConnectionsDetachable: false
      DeleteEndpointsOnDetach: false
      ReattachConnections : false
      Anchors: [ "Top", "Right", "Bottom", "Left" ]
      MaxConnections: 50
      Endpoint: [ "Rectangle" ]
      EndpointStyle : {
        paintStyle: { fillStyle:'#FFF' }
      }
}

Endpoint选项就是这样：

endpointOptions = {
      endpoint: "Rectangle"
      maxConnections: 50
      connectionsDetachable: false
      deleteEndpointsOnDetach: false
      paintStyle: { fillStyle: "#EEE", outlineColor: "rgba(0, 0, 0, -0.8)" }
      endpointHoverStyle: { fillStyle: "rgba(255, 255, 255, 0.8)" }
      isSource: true
      isTarget: true
}

JSFiddle： https://jsfiddle.net/v0aw81v3/

Answer 1

我通过设置

找到了解决方案

ConnectionsDetachable: true

奇怪的是，这并不能从一个端点删除现有连接，但允许添加其他端点。