jQuery ui Аккордеон деградирует в IE6 или IE7, но работает в IE8

Question

На моей странице есть два аккордеона с пользовательским аккордеонным 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, 

    }); 
}); 

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 

    });