Slidetoggle + JQuery + IE 7 = Bug!

最新推荐文章于 2018-06-21 15:40:36 发布
转载 最新推荐文章于 2018-06-21 15:40:36 发布 · 1.7k 阅读 · 0

本文探讨了在Internet Explorer 7浏览器中使用jQuery SlideToggle方法时出现的内容闪烁并随后消失的问题。通过研究发现，该问题与绑定事件对象的父级元素拥有特定的CSS position属性有关。文中提供了解决方案，包括调整CSS属性来规避此IE7特有的问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

 

这是我在无意中发现的，后来，google后发现确实是问题，因此，记录下。

当我们使用jQuery的Slidetoggle方法，在IE7下，有时候会出现内容闪烁后自动消失的情况，再点击仍然如此。

google后发现原来绑定事件的对象的父类不能包含position属性值为absolute和relative的样式，一旦包含，IE7则会出现此情况。将position属性删除或者设置高为101%即可解决。

feng_hai_
关注
bootstrap+jquery+css折叠菜单 收缩菜单 效果（只有两级菜单）
bkuangb的博客
08-17 1万+
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name=
js的jquery文件（版本为1.12.4）
12-12
这个版本修复了一些已知的bug，并且保持了与旧版浏览器的良好兼容性，特别是对IE6-8的支持。对于那些仍需支持这些旧版浏览器的项目，选择1.12.4是一个明智的选择。此外，这个版本也包含了一些性能优化，提高了代码...
jquery的slideUp、slideDown函数在IE中的bug
寂寞的时光
08-14 195
jquery的slideUp、slideDown、slideToggle等涉及滑动效果的一系列函数，在IE浏览器下有几处bug 发表于：2009-05-14 18:19 分类：首页 > JavaScript > JavaScript框架 > , 标签: bug jQuery jquery的slideUp、slideDown、slideTog...
jq的slideToggle（）在ie8里遇到bug：下盒子的margin—top失效，margin-top塌陷解决方法
fairyier
05-13 1603
实现效果，点击box.head，用jq实现slideToggle上下滑动box.body，我的代码如下： 第1部分 什么叫交互动效？
把slideDown还给IE7—解决IE中slideDown动画出错问题
nick848的专栏
02-07 2012
再次碰到了IE中这个让人头疼的BUG，记得之前有分享过一篇博客，也是网上搜索到的一些解决方案，其实没能真正的解决问题，只不过是绕过了这块绊脚石，果然，今天还是又碰到了。以下都拿slideDown作例子，slideUp同样操作。         两种情况：1. slideDown 下拉动画变形，最终定格时正常。     2. slideDown 下拉动画正常，最终定格时消失。
JQuery slideToggle闪烁问题及解决办法
rushichunqiu的博客
06-21 3717
      近期进行的一个项目中，对侧边的菜单栏进行操作，为了达到缓慢隐藏或者出现的效果，选择使用jquery的slideToggle()方法。但是发现效果表现并不理想。在单个案例中，可以像在http://www.w3school.com.cn/中的效果。放在项目的代码中时，尤其下拉菜单关闭时，会在关闭的末尾，突然复现一下，造成侧边栏上下跳动的现象，很明显，这样的效果是需要改进的。      在网...
jQuery针对IE浏览器低版本测试代码
10-27
5. **JSON支持**：IE7及以下版本没有内置的JSON解析和序列化，jQuery提供了相应的处理方式。 在压缩包文件`texiao3868_1560680865`中，可能包含了一系列针对IE低版本的jQuery测试脚本和示例，这些脚本可能涉及到...
推荐稳定无BUG的jQuery 1.8.3版本
- **增强的兼容性**：jQuery 1.8.3 对浏览器的兼容性进行了进一步的提升，尤其是对于一些老旧的浏览器，如IE6、IE7等，该版本能够提供更好的支持。 - **性能改进**：虽然细微，但开发者仍能在使用过程中感受到性能上...
jquery-1.11.3.js.zip
04-25
2. 兼容性增强：jQuery一直注重对老版本浏览器的支持，1.11.3也不例外，它在保持新特性的同时，也照顾到那些还在使用IE6-8的用户。 3. Bug修复：该版本修复了一些已知问题，提高了库的稳定性和可靠性。 四、jQuery...
JQury slideToggle闪烁问题及解决办法
01-19
一、解决方法 在页面配置<!DOCTYPE />如下 <!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”> 其中 “http://www.w3.org/TR/html4/loose.dtd” 是必需的，如果少了这句话仍然会有闪烁的问题，具体为什么我不太清楚 我查了下，这个句话好象牵扯到规范。如果有大牛看到这篇帖并知道原因，请留言，谢谢 二、例子 [下面是一个例子] 代码如下: <!DOCTYPE html PUBLIC “-//W3C//DT
[JQury] slideToggle闪烁问题及解决办法
weixin_30906425的博客
07-02 210
[LIUYONGCN] [2011-07-02] [http://www.cnblogs.com/liuyongcn/] 在使用slideToggle 的时候经常会遇到列表收起时候闪烁的问题,一般IE浏览器会有这个问题，其他浏览器比如火狐不会出现闪烁 一、解决方法 在页面配置<!DOCTYPE />如下 <!DOCTYPE html PUBLIC "-//W3C//D...
jquery的slideUp、slideDown函数在IE中bug解决办法
YouDesign的专栏
04-23 953
jquery的slideUp、slideDown、slideToggle等涉及滑动效果的一系列函数，在IE浏览器下（7和7之前都有这个问题），滑动过程中这些层不会随之显示和隐藏，效果动作完成之后，这些层才会一次性隐藏。        解决方法：在设置效果的元素的css里面加上 position:relative and zoom:1，问题就解决了！
jquery slideToggle 动画问题
ddfweb的博客
03-08 859
使用情景：鼠标点击，弹出下拉菜单，有动画效果。 问题出现在：前一次动画未执行完，鼠标再次经过 按钮 ，前一次的动画仍然进行。 问题没有解决，临时把动画效果去除了，直接用hide，show了。 jquery,.slideToggle，bug，
Slide图片轮播01-兼容IE8和Chrome浏览器
zyytaiyame的博客
12-22 749
Slide图片轮播01-兼容IE8和Chrome浏览器
jQuery 效果 - slideToggle() 方法
霖霂晗的专栏
10-17 1458
slideToggle() 方法 $(document).ready(function(){   $(".btn1").click(function(){   $("p").slideToggle(5000);  //5000表示规定元素从隐藏到可见的速度 毫秒 （比如 1500）"slow""normal" "fast"   }); }); 大爱薇薇
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值