使用jQuery的hover事件在IE中不停闪动的解决方法

最新推荐文章于 2018-09-13 13:52:03 发布
最新推荐文章于 2018-09-13 13:52:03 发布
阅读量285 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yzyssg1/article/details/73130561
版权
在IE浏览器中，使用jQuery的hover事件会导致下拉菜单不停闪烁。通过将mouseover替换为mouseenter，mouseout替换为mouseleave，可以解决这个问题。mouseenter和mouseleave事件在jQuery中提供，避免了在元素上移动时频繁触发事件，从而防止了菜单的闪烁。
摘要由CSDN通过智能技术生成
在使用jQuery的hover事件时，经常会因为鼠标滑动过快导致菜单不停闪动的情况，相信很多朋友都遇到过自己做的纵向下拉菜单不停的收缩，非常的讨厌。今天在给一个 网站设计菜单时也遇到了这个情况，结果在百度上找了N久，没有找到解决方法。在这里吐槽一下，百度太2了，收录的内容都没什么价值，最后还是在google找到了解决方法，下面就把这个jQuery的hover在IE中会导致不停闪动的解决方法教给大家。

 

[javascript]  view plain   copy
 
  print ?
最低0.47元/天 解锁文章
源哥说
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jquery hover 不停闪动问题的解决方法(亦为stop()的使用)
10-20
下面小编就为大家带来一篇jquery hover 不停闪动问题的解决方法(亦为stop()的使用)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
完美解决jQuery的hover事件在IE中不停闪动的问题
10-20
下面小编就为大家带来一篇完美解决jQuery的hover事件在IE中不停闪动的问题。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Jquer hover +animate IE下出现抖动
readonlyfile
10-24 1392
昨天写一个类似Metro上翻动作时遇到的问题。一个大的div用的relative属性，然后一个container div用的absolute，里面包含4个div，未设置position属性（应该就是流式布局，static？），IE下（调试模式下，7~10均出现）出现不停的抖动。 找了一下，看到一个网页里面写的内容：（昨天忙着做，也没记下网址，大概是这个意思） 出现条件： 当position属
jQuery同时使用mouseover和mouseout造成闪烁
骆小胖~
09-03 1242
jquery hover 不停闪动 解决（亦为stop()的使用）
weixin_34000916的博客
01-07 249
jquery hover 不停闪动 解决 [jquery笔记] 在前端开发中用的较多的是jquery,之前遇到一个问题,一个下拉的jquery下拉菜单效果,hover上去,一直闪动,用mouseovermouseout好好的,当时没搞定,今天逛论坛看到一个方法,可以行.只怪自己之前看jquery api的时候不是很仔细。 解决闪动 可以使用Stop()stop([clearQueue...
jquery的hover事件(闪烁)bug
杨阳洋的博客
03-01 3136
在前端开发中用的较多的是jquery,之前遇到一个问题,一个下拉的jquery下拉菜单效果,hover上去,一直闪动,用mouseovermouseout好好的,当时没搞定,今天逛论坛看到一个方法,可以行.只怪自己之前看jquery api的时候不是很仔细。 解决闪动 可以使用Stop() stop([clearQueue],[jumpToEnd]) 概述 停止所有在指定元素上正在...
鼠标hover的时候出现，离开的时候隐藏的效果。内容会出现闪动
肖肖肖丽珠的博客
09-13 5798
如果用的是display:none ,display:block显示隐藏的就会有这个问题。因为display为none的时候是不占位置。而显示的时候又占了位置。 所以你可以用opacity li  .bottom{      opacity:0;     filter:alpha(opacity=0);     border-color:#fff; } li{border:1px s...
css 列表 hover时闪动
weixin_34212189的博客
05-11 432
css 列表 hover时闪动 选中事件: Js代码 //企业列表增加单击事件 $('.company-name').on('click','li.enabled',function(){ var$self=$(this); $('.company-nameli.li-act...
解决css中hover做遮盖罩闪动问题
qq_37542501的博客
11-23 7373
你好 这是html代码部分，原本想做一个遮盖罩的效果，当鼠标移动到div2的时候，div3会出现微微遮一下div2. 所以最开始的css代码是这样的 做完后发现出了一个问题，那就是鼠标移动到div2的时候div3会不停的闪烁。这并不是我想要的效果，于是我去找了很多资料，终于找到了原因 原来，当鼠标移动到div2的时候，div3会出现，这样鼠标
onmouseover 事件闪烁问题
Amy的博客
08-20 4488
onmouseover事件，为啥鼠标移动时层会闪烁 问题描述 onmouseover 时需要显示一个层，onmouseout 时隐藏这个层。当鼠标移入的时候显示层不断闪烁。 问题原因 显示层遮住了添加事件的元素，所以反复执行 onmouseover onmouseout。 解决办法 给显示层添加样式： pointer-events: none; mdn上关于这个属性的解释是：...
关于 hover 时候闪烁的问题
weixin_30772261的博客
04-25 927
实现功能：鼠标移入 div1 时显示 div2，移出是隐藏，两个 div 的位置关系是上下重叠。 问题：当两个 div 是独立的不相互关联的时候（特殊需求形成了如下布局，已简化），鼠标移入会疯狂闪烁（div2 一直在显隐之间徘徊） <div class="div1"></div> <div class="div2"></div>...
jquery hover 不停闪动 解决
weixin_34112030的博客
09-07 747
在前端开发中用的较多的是jquery,之前遇到一个问题,一个下拉的jquery下拉菜单效果,hover上去,一直闪动,用mouseovermouseout好好的,当时没搞定,今天逛论坛看到一个方法,可以行.只怪自己之前看jquery api的时候不是很仔细。 解决闪动 可以使用Stop() stop([clearQueue],[jumpToEnd]) 概述 停止所有在...
jQuery Uploadify在非IE浏览器上传问题解决策略
jQuery Uploadify 是一款强大的 JavaScript 文件上传插件，它在 jQuery 插件家族中以实现异步上传而著称，支持单文件或多文件上传，并允许用户自定义并发上传数量。Uploadify 适用于多种服务器端语言，如 PHP、.NET ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值