解决slideDown(),slideUp()执行结束才开始下一次的执行

在工作当中遇到一个这样的问题,关于mouseover mouseout  事件触发 slideup slidedown ,当鼠标快速滑过多次。停止滑动的时候。div仍然在那么不停的显示隐藏。我上网搜索了一下,果然有这一类型的问题,我学习了,问题解决了,今天分享一下,方便我记忆,也方便以后遇到这样的问题的同仁能很快的解决。
解决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()这个方法在很多效果上都可以用到。这个就需要朋友们自己去测试了。

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值