关于css:jQuery ui手风琴在IE6或IE7中降级,但在IE8中工作

jQuery ui Accordion degrades in IE6 or IE7, but is working in IE8

我的页面上有两个手风琴,另一个文件中有自定义手风琴CSS,按类和ID名称区分,以免彼此冲突。手风琴根本不显示,它们只是退化为一次显示所有内容,就好像所有手风琴样式都消失了一样。手风琴都在页面中间调用,如果它们都装有$(document).ready,则没有什么区别。我应该在CSS文件中检查什么?

没有内联块用途。

我使用的是jQuery 1.3.2.min和jQuery ui 1.7.2,所以我假设将autoHeight设置为false不会有所作为...正在基于Symfony的网站中使用。<铅>

在FF,IE8,Chrome中正常运行。在IE6,IE7 / IE8兼容模式下不是很多。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
$(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,

    });
});


嗯,是的。死亡逗号。删除并正常工作。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
$(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

    });
});


用引号引起的死亡和Internet Explorer可能是**年代中的真正痛苦。您可以尝试使用

在整个项目中运行正则表达式搜索

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

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

在您的情况下,这是" collapsible:true"后面的逗号

1
2
3
4
5
6
    $(".links").accordion({
        active: false,
        autoHeight: false,
        collapsible: true // removed comma

    });