jsPlumb makeSource 可拖动移动错误

Question

我在设置 MapSource 连接器时发现问题。

在 jsFiddle 代码中，点击 "Reverse" 再次绘图。当您尝试移动 div 时，请注意 DIV 的背景是一个打开的连接器。

评论以下代码：

instancia.makeSource(elem.pageSourceId, {
  paintStyle:{ fillStyle:"transparent" },
  //hoverPaintStyle: endpointHoverStyle,
  //connectorPaintStyle: connectorPaintStyle,
  //connectorHoverPaintStyle: connectorHoverStyle
});

此错误不再发生，但我需要这段代码来保持原来的风格。有人知道它可能是什么吗？

https://jsfiddle.net/braziel/dvhh7hvg/

Answer 1

请仔细阅读Creating an Endpoint以了解发生了什么：

可以通过多种不同方式创建端点：

1. jsPlumb.makeSource(...) - 使一些 DOM 元素成为连接源，允许您从 it/them 拖动连接而无需先注册任何端点。 jsPlumb.makeTarget(...) - 使一些 DOM 元素成为连接目标，允许您将连接拖到 it/them 而无需先注册任何端点。

2. jsPlumb.connect(...) - 在两个元素（或端点，它们本身已注册到元素）之间建立连接。

3. jsPlumb.addEndpoint(...) - 将端点添加到一个或多个给定元素。

您尝试使用示例中的所有方法，结果您创建了许多您无法控制的端点。我的建议是只选择一种方式使用。