extjs - animate() 関数が IE 8 の EXTJS4 で正しく動作しない

Question

プロジェクトに IE 8 で EXTJS 4 を使用しています。小さな円のシーケンスの 1 つのアニメーションを作成しました。1 秒間隔で 1 つの円が消え、もう 1 つの円が消えました。

コード:-

me.startAnimation=function(circles,color,direction,startIndex,initIndex)
       { 
           try
           {
               circles.items[startIndex].animate({
                duration: 0,
                to: {      
                    fill:'#fff'
                }              

            }).animate({
                delay: 1000,                    
                to: {    

                    fill:color
                },
                listeners: {

                    afteranimate: function() {

                        // Execute my custom method after the animation

                        if(direction==='direct')
                            startIndex++;
                        else
                            startIndex--;
                        if(startIndex===circles.length || startIndex<0)                       
                            startIndex=initIndex;      
                        this.startAnimation(circles,color,direction,startIndex,initIndex);
                    },
                    scope: this
                }
            });
        }
        catch(e)
        {                
            return;
        }

    }

したがって、このアニメーションは Chrome と Firefox では問題なく動作しますが、IE 8 では問題が発生しました。上の画像のように、IE 8 では円が完全に消えません。では、3 つ (IE 8、EXTJS 4、ANIMATE FUNCTIOn) のうちどこに問題があるのでしょうか...?