text - 在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()在触发新的动画调用之前应用。

请参阅更新的演示。