本文描述了一种jQuery动画连续触发和重复执行延迟的解决方案,供大家参考,具体分析如下:

当动画如slideup,slideDown和动画中使用jQuery,如果目标元素是由外部事件驱动,当鼠标触发外部事件迅速,动画将滞后和重复执行,其性能是不优雅的。

解决办法是:

1。在触发元件的事件被设置为延迟处理,避免了重复的执行问题(使用setTimeout)。

2,在触发元素事件之前停止所有动画,然后执行相应的动画事件(使用停止)

jQuery的停止:

将代码复制如下:语法结构

$(# div)(停止); / /停止当前动画,继续执行下一个动画

$(# div)。停止(true); / /删除所有动画元素

$(# div)。停止(false,true); / /让当前动画直接结束,继续下一个动画

$(# div)。停止(真的,真的); / /删除所有的动画元素,让当前的动画直接底的状态

这里推荐第二种方法:

复制代码代码如下:$(# div)。停止()。动画({宽度:100px},100);

希望本文能对大家的jQuery程序设计有所帮助。