防止悬停触发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