Jquery Toggle不停闪烁的解决办法

发布于 2016-10-25 作者 [重庆SEO]

有个网站的一个Toggle模块,在鼠标滑过速度过快或者次数过多或者其他不知名原因的情况下,偶尔会出现显示或隐藏效果一直重复,不停闪烁,对于用户体验肯定是不好的。

网上查了一下,貌似可行的解决办法

.stop解释

.stop 是jQuery中用于控制页面动画效果的方法。运行之后立刻结束当前页面上的动画效果。
stop在新版jQuery中添加了2个参数:
第一个参数的意思是是否清空动画序列,也就是stop的是当前元素的动画效果还是停止后面附带的所有动画效果,一般为false,跳过当前动画效果,执行下一个动画效果;
第二个参数是是否将当前动画效果执行到最后,意思就是停止当前动画的时候动画效果刚刚执行了一般,这个时候想要的是动画执行之后的效果,那么这个参数就为true。否则动画效果就会停在stop执行的时候。

.stop用法

在动画前加入stop方法即可,demo:

.stop(true, false).toggle();