`

Jquery hover 事件中在 IE 中存在的 BUG[转]

 
阅读更多

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事件在IE中不停闪动的问题

    总之,hover事件在IE中不停闪动的问题是一个典型的问题,但它也提醒开发者们要深入理解事件机制和浏览器差异,从而编写出更加健壮和兼容的代码。希望上述提供的解决方案能够帮助大家解决类似的问题,并且在未来能够...

    iebug总结jar包

    "iebug总结jar包"是一个专门针对这些问题的资源集合,它包含了处理IE bug的相关资料,特别是针对IE6的解决方案。以下是基于这个主题的详细知识点: 1. **IE6的渲染引擎**:IE6使用的是Trident渲染引擎,它与现代...

    IE8 序号不动bug完美修复新增鼠标放置控件停止效果

    在IT行业中,尤其是在网页开发领域,我们经常遇到各种浏览器兼容性问题,特别是涉及到较旧版本的浏览器,如IE8。本文将深入探讨“IE8序号不动bug”的完美修复方法,以及如何新增鼠标放置时停止图片动画的效果。这两...

    jQuery1.11.0_中文.chm

    - **IE8及更高版本的兼容性**:确保jQuery 1.11.0在Internet Explorer 8及以上版本中稳定运行,这对于需要支持旧版浏览器的项目尤为重要。 - **与其他库的兼容性**:改善了与其他JavaScript库的兼容性,使开发者可以...

    Web-前端html+css从入门到精通 168. IE低版本常见BUG.zip

    此外,IE低版本对CSS选择器的支持也有局限,如:伪类`:hover`、`:first-child`在IE6中不起作用,需要使用JavaScript进行补偿。还有,IE6不支持CSS `display:none`,需要使用`visibility:hidden`代替。 布局方面,IE...

    jQuery 1.4.1 中文版参考

    3. **事件处理**:jQuery简化了事件绑定,如`click()`绑定点击事件,`hover()`处理悬停事件,`change()`监听表单元素改变,`bind()`则可以绑定多种事件。 4. **链式操作**:jQuery对象的方法返回的是jQuery对象本身...

    ie6bug问题解决

    在IT行业中,尤其是在Web开发领域,IE6(Internet Explorer 6)因其众多独特的bug和兼容性问题而闻名。这个压缩包文件"ie6bug"显然专注于解决与IE6相关的技术挑战。下面,我们将深入探讨IE6中的常见问题以及解决策略...

    jquery-1.11.3(下载).rar

    3. **事件处理**:jQuery的事件处理函数如“click()”、“hover()”等,让绑定事件变得简单。同时,使用“on()”和“off()”可以动态添加或移除事件监听器。 4. **动画效果**:“fadeIn()”、“fadeOut()”等方法...

    jquery-multiselect在ie6里的一个bug的解决方法

    在调试过程中,我们发现第一个选项触发了相应的事件,添加了预期的`.hover...`类,但仍然没有背景色。通过对其他选项进行测试,发现它们的左边border颜色在鼠标悬停时显示为红色,而第一个选项没有。这可能是由于IE6...

    jquery-1.12.4.zip

    3. **事件处理**:jQuery的事件处理更加便捷,如`click()`、`hover()`等,可以轻松绑定和解绑事件。例如,`$("button").click(function() {...})`用于监听按钮的点击事件。 4. **动画效果**:jQuery的`animate()`...

    CSS在Internet Explorer 6, 7 和8中的差别

    - 例如,IE6和IE7对CSS的解析方式与标准有所不同,导致盒模型、层叠上下文等问题,IE8在标准模式下表现较好,但仍存在一些遗留的bug。 总的来说,CSS在IE6、7、8中的差异主要体现在对新选择器、伪类、伪元素和属性...

    IE5,IE6,IE7,IE8的css兼容性列表

    另外,IE6没有实现CSS2中的很多新特性,例如:伪类选择器(:hover, :active, :focus)只对链接生效,而对其他元素无效。再者,IE6的盒模型错误是著名的,它将边框和内填充算入元素宽度,与W3C标准不符,给布局带来很...

    jquery常用的各个版本

    当决定升级jQuery时,应先在测试环境中进行,确保所有功能正常工作,并利用jQuery提供的`.noConflict()`方法来解决与其他库可能存在的命名冲突。 总结来说,jQuery的各个版本体现了其不断进步和优化的过程,开发者...

    jquery-3.1.1

    2. 事件处理:jQuery的事件处理机制简化了JavaScript的事件绑定,如`click()`、`hover()`等,还可以使用`on()`和`off()`来动态地绑定和解绑事件。 3. 动画效果:jQuery的动画功能强大,`fadeIn()`, `slideUp()`, `...

    jquery的每一个版本的js

    **事件处理**:jQuery简化了事件绑定,如 `.click(fn)` 可以为元素绑定点击事件,`.change(fn)` 用于处理表单元素的改变事件,`.hover(fn1, fn2)` 用于同时处理鼠标进入和离开事件。 **动画效果**:jQuery的 `....

    ie下没有背景色bug的解决方法

    3. **使用`:hover`伪类的替代方案**:如果问题出在`:hover`伪类上,可以考虑使用JavaScript或者jQuery来监听鼠标悬停事件,并动态更改元素的背景色。 4. **使用CSS前缀**:对于一些不被IE支持的CSS属性,可以添加...

    前端面试题汇总1

    12. **a:hover img的CSS伪类问题**:在IE6下,`a:hover img`的CSS规则无法改变图片宽度,但在IE7和Firefox中有效。可以使用JavaScript或jQuery进行兼容处理。 13. **非链接的`:hover`状态**:IE6不支持`div:hover`...

    js鼠标滑过弹出层的定位IE6bug解决办法

    本文将深入探讨一个常见的IE6浏览器中的bug以及如何通过jQuery来解决这个问题。 在现代浏览器中,我们通常使用CSS的`z-index`属性来控制元素的堆叠顺序,从而决定哪些元素在前面,哪些在后面。但是,IE6并不完全...

    jQuery1.6 使用方法一

    - 在进行DOM操作时,应确保元素已存在于DOM中,避免操作不存在的元素。 ### 结语 jQuery 1.6的使用方法为前端开发者提供了强大的工具集来编写高效且易于维护的JavaScript代码。掌握这些方法对于前端开发人员来说至...

    css浏览器兼容整理

    - 这个问题出现在IE6和IE7中。可以通过使用`zoom:1;`和`hasLayout`来解决。 3. **怎么样才能让层显示在FLASH之上呢** - 使用`z-index`属性,并确保包含FLASH的元素具有较低的`z-index`值。 4. **float的div闭合...

Global site tag (gtag.js) - Google Analytics