jq动画反复实行的解决方法

一,在你的点击事宜中加上一个推断,假定发生动画结果目的的是#leftBtn这个节点,那末你要加上这个推断
它会确保你的动画只会在上一个动画完毕后才发生 ,能够坚持动画的完整性,然则一连点击时会有回响反映愚钝的觉得。

if(!$("#leftBtn").is(":animated")){

//实行你的操纵

}

二,上一动画马上完毕并抵达动画实行完毕时状况同时来运转下一次动画
这个会形成动画摆脱不太雅观,然则回响反映敏捷,说到这里我们诠释下stop()这个函数的用法。

stop 是jQuery中用于掌握页面动画结果的要领。运转以后马上完毕当前页面上的动画结果。

stop在新版jQuery中添加了2个参数:

第一个参数的意义是是不是清空动画序列,也就是stop的是当前元素的动画结果照样住手背面附带的一切动画结果,平常为false,跳过当前动画结果,实行下一个动画结果;

第二个参数是是不是将当前动画结果实行到最后,意义就是住手当前动画的时刻动画结果方才实行了平常,这个时刻想要的是动画实行以后的结果,那末这个参数就为true。不然动画结果就会停在stop实行的时刻

个人比较喜好运用stop(true,false);

$("#leftBtn").stop(true,false).animate({...},1000);
    原文作者:幻灭丶
    原文地址: https://segmentfault.com/a/1190000007774834
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞