jquery - 禁用文本悬停效果

Question

所以我试图禁用文本 tspan 标记的“悬停”状态。我下面有一个元素已经有悬停状态，每当我将鼠标放在文本上时，悬停效果就会“闪烁”。我希望在悬停状态下忽略文本。

见此example ，“Morbihan”区域，当我们将鼠标放在文字“Morbihan”上时，该区域的悬停效果会闪烁。工具提示也会发生同样的情况，我想禁用该效果，当悬停文本时，只需继续使用工具提示并突出显示该区域的颜色。

http://jsfiddle.net/neveldo/jh4jzyhw/

到目前为止，我只禁用了文本光标:

    tspan {
        cursor: default;
    }

谢谢。

Answer 1

我认为您正在寻找 pointer-events:none;在 text 元素上。

text {
    pointer-events:none;
}

请注意，将该样式应用到 tspan 将不起作用。如果您需要这样做，则需要使用 jQuery 将样式应用于父 text 元素。像 $('tspan').parent().css({ pointerEvents: 'none' }); (伪代码，未经测试)

http://jsfiddle.net/daveSalomon/jh4jzyhw/155/