jQuery Accordion：IE 动画问题

发布于 2024-07-10 03:29:45 字数 1362 浏览 6 评论 0原文

更新

我将其设为社区维基，出于三个原因：

我不觉得我得到了明确的答案，但
我早已不再需要答案，因为我推出了自己的手风琴功能，
这个问题得到了大量的观点，所以显然很多人仍然感兴趣，

所以如果有人想改变/澄清这个问题并使其成为一个明确的指南，请成为我的客人。

我正在使用 jQuery 的 accordion UI 元素开发一个页面。我根据该示例对 HTML 进行了建模，但在

元素内，我有一些无序列表的链接。像这样：

  $(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 特有的，如果我使用 animated: false 选项，这两个问题都会消失。但我想保留默认的幻灯片动画，因为它可以帮助用户了解菜单的用途。

还有别的办法吗？

原文

Update

I am making this a community wiki, for three reasons:

I don't feel like I got a definitive answer, but
I have long since stopped needing an answer, because I rolled my own accordion function
this question gets tons of views, so clearly lots of people are still interested

So if anybody wants to change/clarify this question and make it a definitive guide, be my guest.

I'm working on a page using jQuery's accordion UI element. I modeled my HTML on that example, except that inside the <li> elements, I have some unordered lists of links. Like this:

  $(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 -->

Problem: IE Animation stinks

Although IE7 animates the documentation's example accordion menu just fine, it has problems with mine. Specifically, one accordion menu on the page moves jerkily and has flashes of content. I know that it's not a CSS issue because the same thing happens if I don't include my CSS files.

The other accordion menu on the page opens the first section you click and, after that, won't open any of them.

Both of these problems are IE-specific, and both go away if I use the option animated: false. But I'd like to keep the default slide animation, since it helps the user understand what the menu is doing.

Is there another way?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

南街女流氓 2024-07-17 03:29:46

遇到了同样的问题，但这解决了 IE 6 和 7 的问题：

$().ready(function(){
  $(".ui-accordion-header").click(function() {
    $(this).next().fadeIn();
  });
)};

我认为无论如何它使滑动看起来更好......

Ran into the same issue, but this fixed it for IE 6 and 7:

$().ready(function(){
  $(".ui-accordion-header").click(function() {
    $(this).next().fadeIn();
  });
)};

I think it makes the sliding look nicer anyway...

jQuery Accordion：IE 动画问题

更新

问题：IE 动画很糟糕

Update

Problem: IE Animation stinks

如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

评论（16）

关于作者

相关话题

热门标签

推荐作者

留蓝

18790681156

zach7772

Wini

ayeshaaroy

初雪

友情链接

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。