Jquery hover 事件中在 IE 中存在的 BUG
blog.sina.com.cn/s/blog_76a8d80b01018jnf.html
Jquery hover 事件中在 IE 中存在的 BUG
December 15th 2011评论(11)
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中前两条都要做到?未测试。
该死的 IE !