IE6下显示隐藏某个Element时出现“闪烁”问题的解决方案
2014-06-16 17:59
826 查看
原代码如下:
$(".topic").hover(function(){
$(this).parent().next().show();
},function(){
$(this).parent().next().hide();
})
显示/隐藏class为topic的下一个Element,当鼠标离开时会出现“闪烁”现象,其他浏览器正常,唯IE6,主要原因是javascript的“事件冒泡”,主要解决方法则是阻止事件冒泡。
修改后代码如下:
$(".topic").hover(function(){
$(this).parent().next().show();
},function(event){
$(this).parent().next().hide();
event.stopPropagation();//阻止事件冒泡
})
$(".topic").hover(function(){
$(this).parent().next().show();
},function(){
$(this).parent().next().hide();
})
显示/隐藏class为topic的下一个Element,当鼠标离开时会出现“闪烁”现象,其他浏览器正常,唯IE6,主要原因是javascript的“事件冒泡”,主要解决方法则是阻止事件冒泡。
修改后代码如下:
$(".topic").hover(function(){
$(this).parent().next().show();
},function(event){
$(this).parent().next().hide();
event.stopPropagation();//阻止事件冒泡
})
相关文章推荐
- 【Android】(已更新解决方案)更新SDK版本(25)后,自定义FloatingActionButton的Behavior(跟随列表滑动显示隐藏)只隐藏不出现的问题
- JS控制显示隐藏兼容问题(IE6、IE7、IE8)
- IE6,背景图片出现闪烁问题。
- 手机浏览PC版页面出现背景图片显示不全的问题解决方案
- 关于element-ui popover组件通过数据渲染出多个popover时点击取消时 popover的显示与隐藏问题
- 关于有时在安卓布局文件中EditText出现文字显示不出来或者光标不显示的问题的解决方案
- JS控制显示隐藏兼容问题(IE6、IE7、IE8)
- EmguCV控件Emgu.CV.UI.ImageBox及C# picturebox显示图片连续刷新出现闪烁问题
- iOS 导航栏隐藏和显示引起问题的解决方案
- 关于Android Recyclerview隐藏item的所在区域显示大空白问题的解决方案
- 关于PC套件显示红外连接出现问题而导致连接不上的解决方案(zz)
- 几个C#控件出现闪烁的问题的解决方案(转)
- IE6下hover伪类显示隐藏子元素bug及解决方案
- 使用js对table单元格隐藏显示操作出现单元格叠加问题
- 关于PC套件显示红外连接出现问题而导致连接不上的解决方案(zz)
- IE6、IE7、IE8 JS控制显示隐藏兼容问题
- iOS从当前隐藏导航界面push到下一个显示导航界面出现闪一下的问题
- iOS从当前隐藏导航界面push到下一个显示导航界面出现闪一下的问题
- html显示数据库中的字段内容为sql语句时,出现隐藏了换行等字符的问题解决
- 关于项目中依赖的design版本升级过后,项目中的自定义behavivor(上拉隐藏,下拉显示)的view隐藏后不再显示的问题解决方案