jQuery stop()

一个小细节。

 1 $(function(){
 2     $("#sideBar>li").mouseover(function(){
 3         $(this).find("div").css('margin-left','80px');
 4         $(this).children("ul").stop(true,true).slideDown(400);
 5     });
 6     $("#sideBar>li").mouseleave(function(){
 7         $(this).find("div").css('margin-left','0px');
 8         $(this).children("ul").stop(true,true).slideUp(400);
 9     });
10 })

因为鼠标进入和离开都是结束并立即完成动画，所以有些操作会发生下面抽搐的情况。。

解决：

 1 $(function(){
 2     $("#sideBar>li").mouseover(function(){
 3         $(this).find("div").css('margin-left','80px');
 4         $(this).children("ul").stop(true,true).slideDown(400);
 5     });
 6     $("#sideBar>li").mouseleave(function(){
 7         $(this).find("div").css('margin-left','0px');
 8         $(this).children("ul").stop(true).slideUp(400);
 9     });
10 })

将离开的动画设置为不需要完成。

 

转载于:https://www.cnblogs.com/Tan-book/p/7113494.html