extjs - animate() 函数在带有 IE 8 的 EXTJS4 中无法正常工作

Question

我在我的项目中使用带有 IE 8 的 EXTJS 4。我为一系列小圆圈创建了一个动画。每隔 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 FUNCTION）的问题出在哪里......？