JQuery设置缓慢下拉大行多次执行的解决办法，以及stop()函数的简单理解

Posted 2020-07-21 oldmonk

$(function(){
 $(‘.all>li‘).mouseover(function(e) {
        $(this).children().stop().slideDown(300);
    });
 $(‘.all>li‘).mouseout(function(e) {
        $(this).children().stop().slideUp(300);
    });
})

 

jQuery stop（）的用法

1、stop([stopAll], [gotoEnd])方法有两个参数（当然可以不传或直传一个），其中stopAll的意思是清除之后的所有动画。gotoEnd的意思是，执行完当前动画。

2、stopAll == true时，停止队列中的所有动画， stopAll ==false时，只停止队列中的当前动画，后续动画继续执行。

3、gotoEnd == true时，立即跳到当前动画的末尾， gotoEnd ==false时，停在当前状态。且gotoEnd只有在设置了stopAll的时候才起作用

4、在项目中，如果不进行动画队列清理，就会产生动画积累的问题。因此在写入动画时，最好先清除队列中的重复动画。