在 raphael 中防止 div 的悬停触发

Question

我需要在 raphael svg 元素上绘制自定义 dom 工具提示。当你悬停工具提示时，如何防止事件触发元素的 mouseleave？

检查这个例子：

$(c.node).mouseenter(function(){
    tipText = 'text';
    tip.show();
    over = true;
}).mouseleave(function(){
    tip.hide();
    over = false;
});

http://jsfiddle.net/QK7hw/707/

Answer 1

尝试添加样式

pointer-events: none;

关于工具提示，应该会停止奇怪的悬停闪烁。

jsfiddle