Slidetoggle + JQuery + IE 7 = Bug! - 心~选择 - ITeye博客

`

jsnjlc

浏览: 50036 次
性别:
来自: 上海

最近访客更多访客>>

cuityang

lwenxu

PXY

Kent_Mu

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

zengyan2012： Exif.GPSLongitude 我这里怎么没有这个常量。 ...
照片EXIF信息的读取和改写的JAVA实现
jeanso： <!DOCTYPE html PUBLIC " ...
Slidetoggle + JQuery + IE 7 = Bug!
jsnjlc： guooscar 写道还有国际化工程师~~到处都是工程师这倒 ...
一个小前端工程师的苦恼
jsnjlc： rainchen 写道jquery的ajax有几个全局钩子，不 ...
如何调整jQuery中的事件队列
rainchen： jquery的ajax有几个全局钩子，不知对你的问题有没帮助： ...
如何调整jQuery中的事件队列

Slidetoggle + JQuery + IE 7 = Bug!

IE jQuery Google XHTML Blog

阅读更多

这是我在无意中发现的，后来，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/

分享到：

如何调整jQuery中的事件队列 | 如何让页脚乖乖的待在页面的最下方（纯CSS ...

2009-04-02 11:40
浏览 2736
评论(1)
查看更多

评论

1 楼 jeanso 2010-12-30

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

文档定义类型的问题吧

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

slideToggle+slideup实现手机端折叠菜单效果: 主要为大家详细介绍了slideToggle+slideup实现手机端折叠菜单效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

jQuery 1.3 API 参考文档中文版 html: * show, hide, toggle, slideDown, slideUp, slideToggle 在jQuery 1.3中，padding和margin也会有动画，效果更流畅。 * jQuery(html,[ownerDocument])等效于$(document.createElement("span") * is支持复杂表达式 ...

jQuery1.3API参考文档中文版: * show, hide, toggle, slideDown, slideUp, slideToggle 在jQuery 1.3中，padding和margin也会有动画，效果更流畅。 * jQuery(html,[ownerDocument])等效于$(document.createElement("span") * is支持复杂表达式 ...

jQuery的slideToggle方法实例: jQuery的slideToggle方法实例，需要的朋友可以参考一下

jquery slideToggle函数滑动竖直导航菜单鼠标点击...: jquery slideToggle函数滑动竖直导航菜单鼠标点击... jquery slideToggle函数滑动竖直导航菜单鼠标点击... jquery slideToggle函数滑动竖直导航菜单鼠标点击...

jQuery效果 slideToggle() 方法(在隐藏和显示之间切换): slideToggle() 方法通过使用滑动效果（高度变化）来切换元素的可见状态。

SlideToggle导航纯手打: SlideToggle导航纯手打

slidetoggle滑动菜单: 《锋利的jquery》slidetoggle方法实现滑动菜单

jQuery 1.4.1 中文参考: 9.2.3 slideToggle(speed, [callback]) 152 9.3 淡入淡出 152 9.3.1 fadeIn(speed, [callback]) 152 9.3.2 fadeOut(speed, [callback]) 153 9.3.3 fadeTo(speed, opacity, [callback]) 154 9.4 自定义 155 9.4.1 ...

jQuery 1.5 API 中文版: IE用户无法在线查看本文档，请下载jQuery API Version1.5 中文版AIR客户端查看，或者使用chrome，safari，firefox，opera等浏览器查看！！！ jQuery 1.5 API Cheat Sheet来源 Selectors Basics #id element .class, ...

jQuery详细教程: jQuery slideToggle() 演示简单的 slide panel 效果 <script type="text/javascript" src="/jquery/jquery.js"> <script type="text/javascript"> $(document).ready(function(){ $(".flip").click(function(){...

jQuery权威指南-源代码: 书名：jQuery权威指南(系统介绍jQuery方方面面,囊括118个实例和2个综合案例,实战性强）作者：陶国荣　著书号：978-7-111-32543-7 定价：59.00元出版社：机械工业出版社华章公司出版时间：2011年1月编辑推荐：...

jQuery动画.pptx: JavaScript+jQuery 网页特效设计 jQuery动画 1、三组基本动画 - 显示(show)、隐藏(hide)和切换toggle()--显示隐藏动画组。 - 滑入(slideUp)与滑出(slideDown)与切换(slideToggle)--滑动效果动画组，效果与卷帘门类似...

JQuery权威指南源代码: slideToggle()方法 fadeIn()和fadeOut()方法 fadeTo()方法简单的动画移动位置的动画队列中的动画动画停止和延时动画方式浏览图片第6章传统的JavaScript方法实现Ajax功能 load()方法实现Ajax功能 ...

jquery1.11.0手册: jQuery 1.11.0 速查表核心 jQuery 核心函数 jQuery([sel,[context]]) jQuery(html,[ownerDoc])1.8* jQuery(callback) jQuery.holdReady(hold) jQuery 对象访问 each(callback) size() length selector ...

jQuery带动画效果的三级下拉菜单: jQuery带动画效果的三级下拉菜单，导航菜单很炫哦，很酷

Global site tag (gtag.js) - Google Analytics