jQuery中stop()无法停止delay()造成动画叠加的解决办法-白红宇

jQuery中stop()无法停止delay()造成动画叠加的解决办法

阅读量：6471 次

发布时间：2019-06-23

本文共 995 字，大约阅读时间需要 3 分钟。

jQuery中stop无法停止delay，可以加一个无意义的动画代替delay;

如：$(...).animate({"null":1},等待时间，回调函数)；

让所有动画在回调函数中执行。

原来的代码为：

autoMove:function(){ //自动轮播        var me=this;        me.moved++;        me.$ulImgs.delay(me.WAIT).animate({            left:-me.$LIWIDTH*me.moved        },me.DURATION,function(){            if(me.moved==imgs.length){                me.$ulImgs.css("left",0);                me.moved=0;            }            me.changeHover();            me.autoMove();        });    },

修改后为：

autoMove:function(){ //自动轮播        var me=this;        me.moved++;        me.$ulImgs.animate({"null":1},me.WAIT,function(){            me.$ulImgs.animate({                left:-me.$LIWIDTH*me.moved            },me.DURATION,function(){                if(me.moved==imgs.length){                    me.$ulImgs.css("left",0);                    me.moved=0;                }                me.changeHover();                me.autoMove();            });        })    },

转载于:https://my.oschina.net/webcaorui/blog/1541393

你可能感兴趣的文章

SQL Server 中 EXEC 与 SP_EXECUTESQL 的区别

查看>>

2013=7=30 自增量的浅谈

查看>>

oracle11g dataguard 安装手册(转)

查看>>