Question

我的页面上有两个手风琴，另一个文件中有自定义手风琴CSS，按类和ID名称区分，以免相互冲突。手风琴根本没有出现，他们只是降低了一次显示所有内容，好像所有的手风琴造型都消失了。手风琴都在页面中间调用，如果它们加载了$（document）.ready，则没有区别。我应该在CSS文件中检查什么？

没有内联块使用。

我正在使用jQuery 1.3.2.min和jQuery ui 1.7.2，所以我假设autoHeight设置为false不会产生任何影响......这是在基于Symfony的站点中使用的。< / p>

在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+}

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

在你的情况下，它是“可折叠：真实”背后的逗号

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

    });

jQuery ui手风琴在IE6或IE7中降级，但在IE8中工作

2 个答案: