Slidetoggle + JQuery + IE 7 = Bug!

最新推荐文章于 2018-06-21 15:40:36 发布
最新推荐文章于 2018-06-21 15:40:36 发布
阅读量1.7k 收藏
点赞数
 

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

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

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

feng_hai_
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery针对IE浏览器低版本测试代码
10-27
5. **JSON支持**：IE7及以下版本没有内置的JSON解析和序列化，jQuery提供了相应的处理方式。 在压缩包文件`texiao3868_1560680865`中，可能包含了一系列针对IE低版本的jQuery测试脚本和示例，这些脚本可能涉及到...
js的jquery文件（版本为1.12.4）
12-12
这个版本修复了一些已知的bug，并且保持了与旧版浏览器的良好兼容性，特别是对IE6-8的支持。对于那些仍需支持这些旧版浏览器的项目，选择1.12.4是一个明智的选择。此外，这个版本也包含了一些性能优化，提高了代码...
JQuery slideToggle闪烁问题及解决办法
rushichunqiu的博客
06-21 3597
      近期进行的一个项目中，对侧边的菜单栏进行操作，为了达到缓慢隐藏或者出现的效果，选择使用jquery的slideToggle()方法。但是发现效果表现并不理想。在单个案例中，可以像在http://www.w3school.com.cn/中的效果。放在项目的代码中时，尤其下拉菜单关闭时，会在关闭的末尾，突然复现一下，造成侧边栏上下跳动的现象，很明显，这样的效果是需要改进的。      在网...
jquery的slideUp、slideDown函数在IE中的bug
寂寞的时光
08-14 158
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 1545
实现效果，点击box.head，用jq实现slideToggle上下滑动box.body，我的代码如下： 第1部分 什么叫交互动效？
jq slideToggle()坑
weixin_30951231的博客
05-10 222
jQuery slideToggle() 方法 jQuery slideToggle() 方法可以在 slideDown() 与 slideUp() 方法之间进行切换。 如果元素向下滑动，则 slideToggle() 可向上滑动它们。 如果元素向上滑动，则 slideToggle() 可向下滑动它们。 大概这个方法就是这个功能，我也不知道因为啥，也不知道该咋形容，有时候切换的时候会给元素...
jquery-1.11.3.js.zip
04-25
2. 兼容性增强：jQuery一直注重对老版本浏览器的支持，1.11.3也不例外，它在保持新特性的同时，也照顾到那些还在使用IE6-8的用户。 3. Bug修复：该版本修复了一些已知问题，提高了库的稳定性和可靠性。 四、jQuery...
jquery2.1.4文档
10-14
jQuery 2.1.4作为2.x系列的一个稳定版本，主要集中在性能优化和bug修复上。相比于之前的版本，2.1.4移除了对旧版IE浏览器的支持，从而进一步提升了执行速度。此外，这个版本还修复了一些可能影响开发者体验的已知...
jquery1.0到2.0各版本集合
01-06
1. **轻量化**：jQuery 2.0移除了对IE6/7/8的支持，因此体积更小，执行速度更快。 2. **现代浏览器支持**：专注于现代浏览器，不再考虑旧版IE的兼容性问题。 3. **性能提升**：优化了内部代码，提高了运行效率。 ...
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 slideToggle 动画问题
ddfweb的博客
03-08 783
使用情景：鼠标点击，弹出下拉菜单，有动画效果。 问题出现在：前一次动画未执行完，鼠标再次经过 按钮 ，前一次的动画仍然进行。 问题没有解决，临时把动画效果去除了，直接用hide，show了。 jquery,.slideToggle，bug，
jquery的slideUp、slideDown在IE中的闪动bug-完美解决
鬼烧java
02-26 483
        最近用到了jquery的一个收缩特效，但是发现有个bug，就是slideUp的时候隐藏完毕会闪动一下，这个在IE下是有问题的，谷歌火狐没问题，这个网上搜索了很多资料，很多都说没有增加html 的w3c说明之类的，其实加上也是白搭的        这个特效产生闪动的bug原因是：由于容器使用了position的relative或者absolute导致，当然我们不用这个属性在布局的...
jQuery 效果 - slideToggle() 方法 (在隐藏和显示之间切换)
weixin_34289454的博客
06-24 471
实例 通过使用滑动效果，在显示和隐藏状态之间切换 &lt;p&gt; 元素： $(".btn1").click(function(){ $("p").slideToggle(); }); 亲自试一试 定义和用法 slideToggle() 方法通过使用滑动效果（高度变化）来切换元素的可见状态。 如果被选元素是可见的，则隐藏这些元素，如果被选元素是隐藏的，则显示这...
把slideDown还给IE7—解决IE中slideDown动画出错问题
nick848的专栏
02-07 1941
再次碰到了IE中这个让人头疼的BUG，记得之前有分享过一篇博客，也是网上搜索到的一些解决方案，其实没能真正的解决问题，只不过是绕过了这块绊脚石，果然，今天还是又碰到了。以下都拿slideDown作例子，slideUp同样操作。         两种情况：1. slideDown 下拉动画变形，最终定格时正常。     2. slideDown 下拉动画正常，最终定格时消失。
ul+jquery自定义精美下拉选择框
最新发布
05-24
下面是一个基于ul和jquery的自定义下拉选择框的示例代码： HTML代码： ```html <div class="custom-select"> <div class="select-trigger">请选择 <ul class="options"> 选项一 选项二 选项三 选项四 ```...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值