jQuery 的 slideUp 动画 ,如果目标元素是被外部事件驱动,当鼠标快速地连续触发外部元素事件,动画会滞后的反复执行,该如何处理呢?

🌙
手机阅读
本文目录结构

jQuery 的 slideUp 动画 ,如果目标元素是被外部事件驱动,当鼠标快速地连续触发外部元素事件,动画会滞后的反复执行,该如何处理呢?

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().animate({width:"100px"},100);

更多面试题

如果你想了解更多的前端面试题,请点击下面进行选择,这里基本包涵了市场上的所有前端方面的面试题,让你面试更加顺利。

这些题库还在更新中,如果你有不错的面试题库欢迎分享给我,我整理后放上来;人人为我,我为人人,互帮互助,共同提高,祝大家都拿到心仪的Offer!

AXIHE / 精选资源

浏览全部教程

面试题

学习网站

前端培训
自己甄别

前端书籍

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili

关注我: Github / 知乎

于2021年离开前端领域,目前重心放在研究区块链上面了

我叫朱安邦,阿西河的站长

目前在杭州从事区块链周边的开发工作,机械专业,以前从事平面设计工作。

2014年底脱产在老家自学6个月的前端技术,自学期间几乎从未出过家门,最终找到了满意的前端工作。更多>

于2021年离开前端领域,目前从事区块链方面工作了