jQuery动画出现连续触发、滞后反复执行的解决方法
更新时间：2015年01月28日 10:48:25 投稿：shichen2014
这篇文章主要介绍了jQuery动画出现连续触发、滞后反复执行的解决方法,实例分析了针对jQuery中slideUp、slideDown、animate等动画运用时出现的滞后反复执行等问题的解决方法,需要的朋友可以参考下
本文实例讲述了jQuery动画出现连续触发、滞后反复执行的解决方法。分享给大家供大家参考。具体分析如下：
jQuery中slideUp 、slideDown、animate等动画运用时，如果目标元素是被外部事件驱动, 当鼠标快速地连续触发外部元素事件, 动画会滞后的反复执行，其表现不雅。
则解决办法：
1、在触发元素上的事件设置为延迟处理, 即可避免滞后反复执行的问题（使用setTimeout）
2、在触发元素的事件时预先停止所有的动画，再执行相应的动画事件（使用stop）
jquery stop：
复制代码 代码如下:
//语法结构
$("#div").stop();//停止当前动画，继续下一个动画
$("#div").stop(true);//清除元素的所有动画
$("#div").stop(false, true);//让当前动画直接到达末状态 ，继续下一个动画
$("#div").stop(true, true);//清除元素的所有动画，让当前动画直接到达末状态
$("#div").stop();//停止当前动画，继续下一个动画
$("#div").stop(true);//清除元素的所有动画
$("#div").stop(false, true);//让当前动画直接到达末状态 ，继续下一个动画
$("#div").stop(true, true);//清除元素的所有动画，让当前动画直接到达末状态
这里推荐使用第二种方法：
复制代码 代码如下:
$("#div").stop().animate({width:"100px"},100);
希望本文所述对大家的jQuery程序设计有所帮助。
相关文章
这篇文章主要给大家分享了jQuery实现根据类型自动显示和隐藏表单的代码，非常的简单实用，仅仅10行代码，推荐给大家，希望能给大家一些提示。2015-03-03
这篇文章主要为大家详细介绍了jQuery实现简易QQ聊天框，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-02-02
本文主要介绍jQuery实现文章图片弹出放大效果的相关知识。具有很好的参考价值。下面跟着小编一起来看下吧2017-04-04
完美兼容各大浏览器的jQuery仿新浪图文淡入淡出间歇滚动特效
本文是作者学习jQuery之后练手之作，兼容各大浏览器，非常的精美实用，这里放出来给小伙伴们，有需要的直接拿走，别跟我客气^_^2014-11-11
这篇文章主要为大家详细介绍了基于jQuery淡入淡出效果轮播图，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-08-08
Struts2的s:radio标签使用及用jquery添加change事件
用到Struts2的s:radio标签时想给它添加一个change事件，由于此标签为页面自动生成一个radio组，不可以像正常那样控制，于是想到用jquery来实现2013-04-04
实现锚点链接之间的平滑滚动的方法有很多，在接下来的文章中为大家介绍下，jquery是如何实现的，感兴趣的朋友不要错过2013-12-12
这篇文章主要介绍了jQuery实现炫丽的3d旋转星空效果,涉及jQuery数值运算与页面元素属性动态变换相关操作技巧,需要的朋友可以参考下2018-07-07
这篇文章主要介绍了jQuery简单操作cookie的插件,以实例形式分析了jQuery操作cookie的插件功能定义与使用技巧,需要的朋友可以参考下2016-01-01
这篇文章主要介绍了JQuery中使文本框获得焦点的方法,实例分析了jQuery针对文本框获得焦点的技巧,需要的朋友可以参考下2015-02-02
最新评论