Slidetoggle + JQuery + IE 7 = Bug!

最新推荐文章于 2018-06-21 15:40:36 发布
最新推荐文章于 2018-06-21 15:40:36 发布 · 208 阅读 · 0
文章标签：

#IE #jQuery #Google #XHTML #Blog #ViewUI

本文介绍了一个在Internet Explorer 7浏览器下使用jQuery的Slidetoggle方法时出现的内容闪烁并自动消失的问题。该问题是由于绑定事件的对象父类包含特定的CSS属性所导致。文中提供了解决方案，并附上了相关的外部参考资料。

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

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

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

相关资料：

http://www.justwerks.com/slidetoggle-jquery-ie-7-bug

http://www.ndoherty.com/blog/2007/09/25/jquery-slidetoggle-and-internet-explorer/

jsnjlc
关注
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 204
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 1616
实现效果，点击box.head，用jq实现slideToggle上下滑动box.body，我的代码如下： 第1部分 什么叫交互动效？
把slideDown还给IE7—解决IE中slideDown动画出错问题
nick848的专栏
02-07 2027
再次碰到了IE中这个让人头疼的BUG，记得之前有分享过一篇博客，也是网上搜索到的一些解决方案，其实没能真正的解决问题，只不过是绕过了这块绊脚石，果然，今天还是又碰到了。以下都拿slideDown作例子，slideUp同样操作。         两种情况：1. slideDown 下拉动画变形，最终定格时正常。     2. slideDown 下拉动画正常，最终定格时消失。
JQuery slideToggle闪烁问题及解决办法
rushichunqiu的博客
06-21 3760
      近期进行的一个项目中，对侧边的菜单栏进行操作，为了达到缓慢隐藏或者出现的效果，选择使用jquery的slideToggle()方法。但是发现效果表现并不理想。在单个案例中，可以像在http://www.w3school.com.cn/中的效果。放在项目的代码中时，尤其下拉菜单关闭时，会在关闭的末尾，突然复现一下，造成侧边栏上下跳动的现象，很明显，这样的效果是需要改进的。      在网...
[JQury] slideToggle闪烁问题及解决办法
weixin_30906425的博客
07-02 222
[LIUYONGCN] [2011-07-02] [http://www.cnblogs.com/liuyongcn/] 在使用slideToggle 的时候经常会遇到列表收起时候闪烁的问题,一般IE浏览器会有这个问题，其他浏览器比如火狐不会出现闪烁 一、解决方法 在页面配置<!DOCTYPE />如下 <!DOCTYPE html PUBLIC "-//W3C//D...
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
jquery的slideUp、slideDown函数在IE中bug解决办法
YouDesign的专栏
04-23 979
jquery的slideUp、slideDown、slideToggle等涉及滑动效果的一系列函数，在IE浏览器下（7和7之前都有这个问题），滑动过程中这些层不会随之显示和隐藏，效果动作完成之后，这些层才会一次性隐藏。        解决方法：在设置效果的元素的css里面加上 position:relative and zoom:1，问题就解决了！
jq slideToggle()坑
weixin_30951231的博客
05-10 275
jQuery slideToggle() 方法 jQuery slideToggle() 方法可以在 slideDown() 与 slideUp() 方法之间进行切换。 如果元素向下滑动，则 slideToggle() 可向上滑动它们。 如果元素向上滑动，则 slideToggle() 可向下滑动它们。 大概这个方法就是这个功能，我也不知道因为啥，也不知道该咋形容，有时候切换的时候会给元素...
jquery slideToggle 动画问题
ddfweb的博客
03-08 880
使用情景：鼠标点击，弹出下拉菜单，有动画效果。 问题出现在：前一次动画未执行完，鼠标再次经过 按钮 ，前一次的动画仍然进行。 问题没有解决，临时把动画效果去除了，直接用hide，show了。 jquery,.slideToggle，bug，
jquery的slideUp、slideDown在IE中的闪动bug-完美解决
鬼烧java
02-26 550
        最近用到了jquery的一个收缩特效，但是发现有个bug，就是slideUp的时候隐藏完毕会闪动一下，这个在IE下是有问题的，谷歌火狐没问题，这个网上搜索了很多资料，很多都说没有增加html 的w3c说明之类的，其实加上也是白搭的        这个特效产生闪动的bug原因是：由于容器使用了position的relative或者absolute导致，当然我们不用这个属性在布局的...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值