悬停和连接端点jsPlumb的问题答案

【问题标题】：Issues with hover and connecting endpoints jsPlumb悬停和连接端点jsPlumb的问题
【发布时间】：2013-05-29 03:43:10
【问题描述】：

我遇到了 2 个问题（请参阅 http://jsbin.com/umixuf/10/edit）

1) 悬停在端点上工作正常，但我的连接器不接受悬停时的颜色。有什么想法吗？（见jsbin中的Source1和Target1）

2) 在我声明端点并连接它们之后，锚点似乎已关闭。（见jsbin中的Source2和Target2）

谢谢！

【问题讨论】：

标签： javascript jsplumb

【解决方案1】：

第 1 部分的解决方案： jsplumb 的作者建议我使用以下内容：

connectorHoverStyle: { strokeStyle:"red" }

第 2 部分的解决方案：

这是我开始的 html：

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js">   </script>
<script src="http://stage-preview.gage.com/Creative/Microsoft/EZCourseDemo/scripts/jquery.jsPlumb-1.3.16-all-min.js">  </script>

<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
.........
</body>
</html>

一旦我删除了

<!DOCTYPE html>

端点回到了正确的位置。不确定这是 jsbin 问题还是 jsplumb 问题，但如果您使用 jsbin，无论哪种方式都不要将该标记留在 HTML 中。

下图是删除该标签之前/之后。注意端点在 Target2（应该是 TopCenter）上的位置是如何偏移的。

【讨论】：