jQuery UI Аккордеон ухудшается в IE6 или IE7, но работает в IE8 - PullRequest
Новая
       12

jQuery UI Аккордеон ухудшается в IE6 или IE7, но работает в IE8

1 голос
/ 01 апреля 2010

На моей странице есть два аккордеона с пользовательским аккордеоном CSS в другом файле, различаемом по именам классов и идентификаторов, чтобы не конфликтовать друг с другом.Аккордеоны не появляются вообще, они просто ухудшают показ всего контента сразу, как будто все стили аккордеона исчезли.Оба аккордеона вызываются в середине страницы, и нет никакой разницы, если они загружены $ (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,

    });
});

Ответы [ 2 ]

2 голосов
/ 02 апреля 2010

Хм, да. Запятая смерти. Удалено и работает нормально. 

$(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 голос
/ 16 января 2014

Завершающая запятая смерти и Internet Explorer могут быть настоящей болью в ** с. Вы можете попробовать выполнить поиск по регулярному выражению в вашем проекте, используя 

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

для поиска этих запятых в вашем проекте.

В вашем случае это была запятая сразу после слова "collapsible: true" 

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

    });
...