更新
我正在做一个社区维基,原因有三:
>我不觉得我有一个明确的答案,但是
>我已经停了需要一个答案,因为我滚动了我自己的手风琴功能
>这个问题有很多意见,所以很多人仍然感兴趣
所以如果有人想改变/澄清这个问题,并做出明确的指导,那就是我的客人。
我正在使用jQuery的accordion UI element在一个页面上工作。我建模了我的HTML,除了在< li>元素,我有一些无序的链接列表。喜欢这个:
$(document).ready(function() { $(".ui-accordion-container").accordion( {active: "a.default",alwaysOpen: true,autoHeight: false} ); }); <ul class="ui-accordion-container"> <li> <!-- Start accordion section --> <a href='#' class="accordion-label">A Group of Links</a> <ul class="linklist"> <li><a href="http://example.com">Example Link</a></li> <li><a href="http://example.com">Example Link</a></li> </ul> <!--and of course there's another group -->
问题:IE动画恶臭
虽然IE7动画化文档的手风琴菜单的例子很好,但它与我的问题。具体来说,页面上的一个手风琴菜单抖动起来并具有闪光的内容。我知道这不是一个CSS问题,因为如果我不包括我的CSS文件,同样的事情会发生。
页面上的另一个手风琴菜单打开您单击的第一个部分,之后,将不会打开其中任何一个。
这两个问题都是IE特有的,如果我使用选项动画:false,都会消失。但是我想保留默认的幻灯片动画,因为它有助于用户了解菜单的作用。
还有另一种方式吗?
解决方法
我感受到你的痛苦!我最近经历了一个荒谬的故障排除,我从主页和页面布局中逐个删除所有内容(这实际上是在SharePoint中),不断缩小页面。
最终结果最终没有html文档的文档类型(一些开发人员已经删除它)。缺少一个doctype意味着IE 7以奇怪的方式运行,并且由JQuery手风琴发布的内联CSS表现得很流畅。
考虑添加:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
在您的masterpage或html文档的顶部(如果尚未定义一个doctype)。
实际上整个网站专门用于怪癖模式行为。您可以查看一篇关于Quirks Mode here的文章。我wrote a post其中有一些更多关于故障排除的信息。