jQuery手风琴：IE动画问题

更新

我正在做一个社区维基，原因有三：

>我不觉得我有一个明确的答案，但是
>我已经停了需要一个答案，因为我滚动了我自己的手风琴功能
>这个问题有很多意见，所以很多人仍然感兴趣

所以如果有人想改变/澄清这个问题，并做出明确的指导，那就是我的客人。

我正在使用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其中有一些更多关于故障排除的信息。

jQuery手风琴：IE动画问题

解决方法

相关文章