解决slideDown(),slideUp()鼠标来回进入的问题
2015-09-14 21:54
169 查看
在最近的工作当中遇到一个这样的问题,就是关于mouseover mouseout事件触发 slideup slidedown,当鼠标快速滑过多次。停止滑动的时候。div仍然在那么不停的显示隐藏。
我上网搜索了一下,果然有这一类型的问题,我学习了,问题解决了,今天分享一下,方便我记忆,也方便以后遇到这样的问题的同仁能很快的解决。
解决slideDown(),slideUp()执行结束才开始下一次的执行:
上网看到这个需要冒泡解决,用到的也是jquery中的一个函数,那就是stop()。
stop() 方法停止当前正在运行的动画。
语法
参数
stopAll 可选。规定是否停止被选元素的所有加入队列的动画。
goToEnd 可选。规定是否允许完成当前的动画。该参数只能在设置了 stopAll 参数时使用。
我们只需要在slideDown()或者sliderUp()执行下一次之前停止它,就可以实现,鼠标多次放到元素上,在拿开,元素也不会动个没完。
实例:
我用的是下面的那个解决的,其实stop()这个方法在很多效果上都可以用到。这个就需要朋友们自己去测试了。
我上网搜索了一下,果然有这一类型的问题,我学习了,问题解决了,今天分享一下,方便我记忆,也方便以后遇到这样的问题的同仁能很快的解决。
解决slideDown(),slideUp()执行结束才开始下一次的执行:
上网看到这个需要冒泡解决,用到的也是jquery中的一个函数,那就是stop()。
stop() 方法停止当前正在运行的动画。
语法
$(selector).stop(stopAll,goToEnd);
参数
stopAll 可选。规定是否停止被选元素的所有加入队列的动画。
goToEnd 可选。规定是否允许完成当前的动画。该参数只能在设置了 stopAll 参数时使用。
我们只需要在slideDown()或者sliderUp()执行下一次之前停止它,就可以实现,鼠标多次放到元素上,在拿开,元素也不会动个没完。
实例:
$("#a").stop(true, true).slideDown(); $("#a").stop(true, false).slideDown();
我用的是下面的那个解决的,其实stop()这个方法在很多效果上都可以用到。这个就需要朋友们自己去测试了。
相关文章推荐
- 学习 easyui 之一:easyloader 分析与使用
- 第2周项目3 体验复杂度(2)汉诺塔
- PAT1032 挖掘机技术哪家强
- Long类型比较的陷阱
- java设计模式系列--适配器模式
- MySQL性能调优与架构设计——第9章 MySQL数据库Schema设计的性能优化
- 杭州电子科技大学acm--2021
- linux下如何mount挂载lvm磁盘
- Gradle in Android Studio (3) - 项目中的Gradle
- XML学习
- ios开发系列之通知
- Android自己定义组件系列【8】——面膜文字动画
- matlab+snapshot采集图片
- CentOS 5.5 的oracle 10g安装(32位)
- 这几天开始,先学习一些 java 基础吧,学的有点累
- 条款22:将成员变量声明为private(Declare data members private)
- 屏幕锁定LockSettingsService服务
- 简易ATM机的java程序
- 信通购物网InfocomShop
- Easyui-Datagrid—表头灵活拖动