jQuery手风琴:IE动画问题

前端之家收集整理的这篇文章主要介绍了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相关文章