Jquery Toggle不停闪烁的解决办法
发布于 分类 Jquery
23天前 有1个用户阅读过
有个网站的一个Toggle模块,在鼠标滑过速度过快或者次数过多或者其他不知名原因的情况下,偶尔会出现显示或隐藏效果一直重复,不停闪烁,对于用户体验肯定是不好的。
网上查了一下,貌似可行的解决办法
.stop解释
.stop 是jQuery中用于控制页面动画效果的方法。运行之后立刻结束当前页面上的动画效果。
stop在新版jQuery中添加了2个参数:
第一个参数的意思是是否清空动画序列,也就是stop的是当前元素的动画效果还是停止后面附带的所有动画效果,一般为false,跳过当前动画效果,执行下一个动画效果;
第二个参数是是否将当前动画效果执行到最后,意思就是停止当前动画的时候动画效果刚刚执行了一般,这个时候想要的是动画执行之后的效果,那么这个参数就为true。否则动画效果就会停在stop执行的时候。
.stop用法
在动画前加入stop方法即可,demo:
.stop(true, false).toggle();
-- The End --