在raphael js中禁用鼠标悬停在文本上

Question

我刚开始使用raphael js，我有点卡在这里：http://jsfiddle.net/wC9hX/50/

我不希望鼠标悬停事件在文本标签上处于活动状态，因为它会导致文本消失/随机出现。已经提出了这个问题，建议的解决方案是使用集合。

我尝试过使用套装，但它并没有解决我的问题。请帮帮我！谢谢！

这就是我创建集合的方式：

var group = paper.set();    
group.push(chevron);
group.push(text);
group.push(description);

这是mouseout函数：

group.mouseout(function() {

    description.animate({
        opacity: 0
    }, 250, 'linear');


    chevron.animate({
        path: "M 5 250 l 200 25 l 200 -25 l 0 50 l -200 25 l -200 -25 z",
        fill: '#000'
    }, 500, 'linear');  

    text.animate({
        fill: '#fff'
    }, 500, 'linear');
});

Answer 1

1. 从组中删除不应触发动画的所有形状（仅保留chevron）。
2. 在触发新的动画调用之前应用stop()。

请参阅updated demo。