禁用鼠标悬停交互JointJS图

Question

我正在尝试删除链接和Rects上发生的鼠标悬停操作。

我尝试将interactive: false添加到joint.dia.Paper对象 - 这没有完全帮助。我仍然看到鼠标上的变化。我希望链接（特别是）不响应鼠标悬停。

我如何实现这一目标？

Answer 1

要理解这一点，您必须了解如何构建链接的SVG标记。文档很好地解释了它：

http://jointjs.com/tutorial#link-styling

如果您需要更详细地了解CSS类结构，我发现在浏览器上使用Inspect Element很有用。

一旦你理解了这一点，你就会发现你可以做你要求使用CSS的东西。有关演示的信息，请点击此处：

http://jsfiddle.net/azt8jpam/1/

对于链接，您需要在display: none，connection-wrap，link-tools和marker-vertices类上设置marker-arrowhead。

为了完整性，您还可以在形状上设置cursor: auto。例如

.element.basic.Rect {
    cursor: auto
}