资讯专栏INFORMATION COLUMN

jq动画重复执行的解决方法

betacat / 1825人阅读

摘要:执行你的操作二,上一动画立即结束并到达动画执行结束时状态同时来运行下一次动画这个会造成动画脱节不太美观,但是反应迅速,说到这里我们解释下这个函数的用法。是中用于控制页面动画效果的方法。否则动画效果就会停在执行的时候个人比较喜欢使用

一,在你的点击事件中加上一个判断,假设产生动画效果目标的是#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://www.ucloud.cn/yun/91326.html

相关文章

  • jQuery 入门详解(二)

    摘要:相对论极大地改变了人类对宇宙和自然的常识性观念,提出了同时的相对性四维时空弯曲时空等全新的概念。狭义相对性原理是相对论的两个基本假定,在目前实验的观测下,物体的运动与相对论是吻合很好的,所以目前普遍认为相对论是正确的理论。 7. jQuery 里的事件机制 javascript和HTML之间的交互是通过用户和浏览器操作页面时引发的事件来处理的。jQuery不仅提供了更加优雅的事件处理...

    DevYK 评论0 收藏0
  • 前端知识点总结——JQ

    摘要:前端知识点总结什么是第三方的极简化的操作的函数库第三方下载极简化是操作的终极简化个方面增删改查事件绑定动画效果操作学习还是在学,只不过简化了函数库中都是函数,用函数来解决一切问题为什么使用操作的终极简化解决了大部分浏览器兼容性问题凡是让用的 前端知识点总结——JQ 1.什么是jQuery: jQuery: 第三方的极简化的DOM操作的函数库 第三方: 下载 极简化: 是DOM操作的...

    jayzou 评论0 收藏0
  • vue 项目要点总结(二)

    摘要:静态图片怎么引入对重复元素的遍历产品数据统计数据预测流量分析广告发布在重复的部分用如果某个重复的部分比较分散可用循环,循环是从标签本身就开始的既是的载体,也是与同一个标签的灵活使用遍历的时候可以接受几种赋值方式直接绑定的属性 静态logo图片怎么引入 showImg(https://segmentfault.com/img/bV2iRj?w=350&h=163); 对重复元素...

    liuhh 评论0 收藏0
  • 前端学习札记

    摘要:学习工作中遇到的问题,和容易忘记的零碎知识,部分为摘抄,如若侵权,请告知。将构造函数的指向这个新创建的对象即将指向这个新对象。取消冒泡这种相当于全局取消事件冒泡。前端性能的优化避免全局查找,全局查找需要涉及作用域链上的查找。 学习工作中遇到的问题,和容易忘记的零碎知识,部分为摘抄,如若侵权,请告知。 HTML篇 CSS篇 box-sizing: 设置盒子模型为标准模式或者IE模式。属性...

    piglei 评论0 收藏0
  • 前端学习札记

    摘要:学习工作中遇到的问题,和容易忘记的零碎知识,部分为摘抄,如若侵权,请告知。将构造函数的指向这个新创建的对象即将指向这个新对象。取消冒泡这种相当于全局取消事件冒泡。前端性能的优化避免全局查找,全局查找需要涉及作用域链上的查找。 学习工作中遇到的问题,和容易忘记的零碎知识,部分为摘抄,如若侵权,请告知。 HTML篇 CSS篇 box-sizing: 设置盒子模型为标准模式或者IE模式。属性...

    jkyin 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<