2015-04-08 115 views
0

设置MapSource连接器时发现问题。jsPlumb makeSource可拖动移动错误

在jsFiddle代码中,点击“Reverse”再次打印。当您尝试移动div时,请注意DIV的背景是带有开放式连接器的。

谈到下面的代码:

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

这个错误不会再发生了,但我需要这个代码保持了原有的风格。任何人都知道它可能是什么?

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

回答

1

请仔细阅读Creating an Endpoint明白发生了什么:

的端点在许多不同的方式产生:

  1. jsPlumb.makeSource(...) - 使一些DOM元素(一个或多个)的连接源,允许您从它/他们拖动连接,而不必先注册任何端点。 jsPlumb.makeTarget(...) - 使某些DOM元素成为连接目标,允许您拖动连接到它/它们,而无需首先注册任何端点。

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

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

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

+0

我明白发生了什么,但是,解决这个问题使我回到了原来的问题。 当我删除其他方法,只留下连接,锚点和端点的风格是错误的,对我如何设置样式有任何建议? –