jQuery ui Accordion 在 IE6 或 IE7 中性能下降，但在 IE8 中工作

Question

我的页面上有两个手风琴，自定义手风琴 CSS 位于另一个文件中，通过类和 ID 名称进行区分，以免相互冲突。手风琴根本不显示，它们只是降级为一次显示所有内容，就好像所有手风琴样式都消失了一样。手风琴都是在页面中间调用的，如果使用 $(document).ready 加载它们，则没有区别。我应该在 CSS 文件中检查什么？

没有内联块用途。

我正在使用 jQuery 1.3.2.min 和 jQuery ui 1.7.2，所以我假设 autoHeight 设置为 false 不会产生影响...这是在基于 Symfony 的网站内使用的。

在 FF、IE8、Chrome 中运行良好。在IE6、IE7/IE8兼容模式下就没有那么多了。

$(function() {
    $("#accordion").accordion({
        active: false,
        autoHeight: false,
        collapsible: true,
        icons: { 'header': 'ui-icon-carat-1-e', 'headerSelected': 'ui-icon-carat-1-s', }
    });

    $(".links").accordion({
        active: false,
        autoHeight: false,
        collapsible: true,

    });
});

Answer 1

嗯，是的。死亡逗号。已删除并且工作正常。

$(function() {
    $("#accordion").accordion({
        active: false,
        autoHeight: false,
        collapsible: true,
        icons: { 'header': 'ui-icon-carat-1-e', 'headerSelected': 'ui-icon-carat-1-s' }
    });

    $(".links").accordion({
        active: false,
        autoHeight: false,
        collapsible: true

    });
});

Answer 2

死亡和 Internet Explorer 的尾随逗号可能是真正的痛苦。您可以尝试在项目中运行正则表达式搜索，用于

,\s*?\]|,\s+}

在项目中查找这些尾随逗号。

在你的情况下，它是“collapsible: true”后面的逗号

    $(".links").accordion({
        active: false,
        autoHeight: false,
        collapsible: true // removed comma

    });