animate（）函数在IE 8的EXTJS4中无法正常工作

Question

我在项目中使用EXTJS 4和IE 8。我为小圆圈序列创建了一个动画。在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中，圆圈并未完全消失，如上图所示。那么，问题出在哪里（IE 8，EXTJS 4，ANIMATE FUNCTIO）......？