数码资讯
jQuery动画的连续触发和延迟执行的解决方案
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
本文描述了一种jQuery动画连续触发和重复执行延迟的解决方案,供大家参考,具体分析如下:
当动画如slideup,slideDown和动画中使用jQuery,如果目标元素是由外部事件驱动,当鼠标触发外部事件迅速,动画将滞后和重复执行,其性能是不优雅的。
解决办法是:
1。在触发元件的事件被设置为延迟处理,避免了重复的执行问题(使用setTimeout)。
2,在触发元素事件之前停止所有动画,然后执行相应的动画事件(使用停止)
jQuery的停止:
将代码复制如下:语法结构
$(# div)(停止); / /停止当前动画,继续执行下一个动画
$(# div)。停止(true); / /删除所有动画元素
$(# div)。停止(false,true); / /让当前动画直接结束,继续下一个动画
$(# div)。停止(真的,真的); / /删除所有的动画元素,让当前的动画直接底的状态
这里推荐第二种方法:
复制代码代码如下:$(# div)。停止()。动画({宽度:100px},100);
希望本文能对大家的jQuery程序设计有所帮助。
当动画如slideup,slideDown和动画中使用jQuery,如果目标元素是由外部事件驱动,当鼠标触发外部事件迅速,动画将滞后和重复执行,其性能是不优雅的。
解决办法是:
1。在触发元件的事件被设置为延迟处理,避免了重复的执行问题(使用setTimeout)。
2,在触发元素事件之前停止所有动画,然后执行相应的动画事件(使用停止)
jQuery的停止:
将代码复制如下:语法结构
$(# div)(停止); / /停止当前动画,继续执行下一个动画
$(# div)。停止(true); / /删除所有动画元素
$(# div)。停止(false,true); / /让当前动画直接结束,继续下一个动画
$(# div)。停止(真的,真的); / /删除所有的动画元素,让当前的动画直接底的状态
这里推荐第二种方法:
复制代码代码如下:$(# div)。停止()。动画({宽度:100px},100);
希望本文能对大家的jQuery程序设计有所帮助。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。