Jquery 也有 BUG ?
是的!Jquery hover 事件在 IE 中就存在 Bug !
因为帮朋友做一个在 elegant-box 主题中的特效要用到 Jquery 中的 hover 替换事件,
hover 是 Jquery 中的一个关于鼠标移入、移出时间交替的事件,
主要用于在鼠标移入特定区域、移出特定区域执行绑定函数、动作的效果,
今天在使用时遇到在IE浏览器中的一个 BUG,
$("#div").hover( fun1(), fun2() ); |
主要表现在当鼠标移入指定区域后,fun1能正常执行,但fun2会跟着也执行,
我本来的目的是想移入后显示两个按钮,移出后将按钮隐藏,
这样一来在IE中的显示就成了,当鼠标移入以后,要显示的按钮会昙花一现…….
到底是哪里出了问题?
原来 Jquery 在 IE 中使用 hover 来做事件交替,
绑定事件的 Jquery 对象或对象内部元素不能拥有{position:relative;}属性,
否则在 IE 中显示会不正常,要想修正这个 BUG 有两个办法。
1.删除所有 {position:relative;}属性。(比较暴力有木有)
2.保留{position:relative;}属性,将元素背景颜色都做设定。(也很暴力)
3.没有找到IE6修复的办法,也许IE6中前两条都要做到?未测试。
相关推荐
jquery hover事件鼠标悬停导航条浮动div层滑动高亮显示 jquery hover事件鼠标悬停导航条浮动div层滑动高亮显示 jquery hover事件鼠标悬停导航条浮动div层滑动高亮显示
jquery hover 冒泡事件制作心型图片墙鼠标悬浮图片 jquery hover 冒泡事件制作心型图片墙鼠标悬浮图片
jquery hover事件实用的企业网站二级导航菜单样式 jquery hover事件实用的企业网站二级导航菜单样式 jquery hover事件实用的企业网站二级导航菜单样式
jquery hover事件导航条是一款鼠标悬停导航条,浮动div层滑动高亮显示。
jquery hover事件网页常用顶部固定层下拉导航菜单代码 jquery hover事件网页常用顶部固定层下拉导航菜单代码 jquery hover事件网页常用顶部固定层下拉导航菜单代码 jquery hover事件网页常用顶部固定层下拉导航菜单...
jquery hover显示图片详细介绍
jquery hover鼠标悬停到图文列表时滑动图片切换
jquery hover事件淘宝商城广告图片高亮显示效果
在这里吐槽一下,百度太2了,收录的内容都没什么价值,最后还是在google找到了解决方法,下面就把这个jQuery的hover在IE中会导致不停闪动的解决方法教给大家。 $(#category ul).find(li).each( function() { $(this...
jquery多级导航菜单hover事件制作三级导航菜单代码 jquery多级导航菜单hover事件制作三级导航菜单代码 jquery多级导航菜单hover事件制作三级导航菜单代码
jquery hover事件鼠标悬停九宫格图片高亮显示代码
NULL 博文链接:https://xjwolaile.iteye.com/blog/1906805
jQuery hover鼠标悬停事件侧边导航菜单结合css3动画 jQuery hover鼠标悬停事件侧边导航菜单结合css3动画
jquery hover下拉菜单导航京东商城商品分类导航样式 jquery hover下拉菜单导航京东商城商品分类导航样式 jquery hover下拉菜单导航京东商城商品分类导航样式 jquery hover下拉菜单导航京东商城商品分类导航样式
jquery hover图片遮罩层滑动.zip
jquery hover鼠标悬停向下滑动导航菜单效果代码 jquery hover鼠标悬停向下滑动导航菜单效果代码 jquery hover鼠标悬停向下滑动导航菜单效果代码
jquery hover鼠标悬停两张图片滑动显示对应的标题切换 jquery hover鼠标悬停两张图片滑动显示对应的标题切换 jquery hover鼠标悬停两张图片滑动显示对应的标题切换
jquery hover 延时 鼠标,常用于鼠标放在一张图片上,过一段时间才触发事件
jquery hover鼠标悬停遮罩显示