解决slideDown()、slideUp()执行结束后才执行下一次,导致鼠标离开后很久动画依然在执行的问题
2016-12-29 16:01
363 查看
问题描述:
给一个容器设置了mouseenter时,一个隐藏的box通过slideDown()显示出来;mouseleave时,通过slideUp()隐藏。
当鼠标不断在容器上滑过时,会导致鼠标离开很久后,动画也在不断执行
解决方法:
使用(selector).stop(stopAll,goToEnd);如:(this).find(‘.box’).stop(true, true).slideDown();
通过stop() 方法为被选元素停止当前正在运行的动画。
参数解释:
stopAll 可选。布尔值,规定是否停止被选元素的所有加入队列的动画。默认是 false。
goToEnd 可选。布尔值,规定是否立即完成当前的动画。默认是 false。该参数只能在设置了 stopAll 参数时使用。
给一个容器设置了mouseenter时,一个隐藏的box通过slideDown()显示出来;mouseleave时,通过slideUp()隐藏。
当鼠标不断在容器上滑过时,会导致鼠标离开很久后,动画也在不断执行
解决方法:
使用(selector).stop(stopAll,goToEnd);如:(this).find(‘.box’).stop(true, true).slideDown();
通过stop() 方法为被选元素停止当前正在运行的动画。
参数解释:
stopAll 可选。布尔值,规定是否停止被选元素的所有加入队列的动画。默认是 false。
goToEnd 可选。布尔值,规定是否立即完成当前的动画。默认是 false。该参数只能在设置了 stopAll 参数时使用。
相关文章推荐
- 解决slideDown(),slideUp()执行结束才开始下一次的执行
- 解决slideDown(),slideUp()鼠标来回进入的问题
- 遇到jQuery 中的 slideUp ,slideToggle和 slideDown 动画重复执行
- slideUp() 和slideDown() 如何解决反复抖动的问题
- IE8浏览器缓存问题导致Ajax的GET请求只能执行一次的解决办法
- 转:遇到jQuery 中的 slideUp ,slideToggle和 slideDown 动画重复执行
- 解决点击cell执行动画导致的重用问题
- 使用复制存储过程执行解决“事务复制中的表大量更新导致无法及时同步”的问题 (转)
- cocos2d或者iOS制作视频+虚列动画做游戏时候,视频播放和结束时顿闪问题解决方案
- oracle可执行文件s位导致的Cluster资源组无法正常启动的问题解决
- 4.2.3: jQuery动画之slideUp()方法和slideDown()方法
- [C#]解决带电插拔串口导致鼠标乱窜、串口无法打开的问题
- 图片执行放大动画后,不能保持放大效果问题解决
- 鼠标滚动一次window.onscroll事件的函数在firfox与Ie中执行的次数不同问题的处理s
- 众神看过来:IE11下鼠标中键(滚轮)导致的一个似乎无法解决的问题?!
- jquery的slideUp、slideDown函数在IE中bug解决办法
- 如何解决:执行CAD命令,原来选中的图元无效,必须重新选择一次的问题
- oracle可执行文件s位导致的Cluster资源组无法正常启动的问题解决
- 使用复制存储过程执行解决“事务复制中的表大量更新导致无法及时同步”的问题
- 动画---4.2.3: slideUp()方法和slideDown()方法