0

私はラファエル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');
});
4

1 に答える 1

1
  1. アニメーションをトリガーしてはならないすべての形状をグループから削除します (chevron保持する必要があります)。
  2. stop()新しいアニメーション呼び出しをトリガーする前に適用します。

更新されたデモを参照してください。

于 2012-12-24T16:29:45.303 に答える