jQuery ui accordéon se dégrade dans IE6 ou IE7, mais travaille dans IE8

Question

Il y a deux accordéons sur ma page, avec CSS accordéon personnalisé dans un autre fichier, différenciés par des noms de classe et ID pour ne pas entrer en conflit les uns avec les autres. Les accordéons n'apparaissent pas du tout, ils se dégradent simplement pour montrer tout le contenu à la fois, comme si tout le style de l'accordéon avait disparu. Les accordéons sont tous deux appelés au milieu de la page, et il n'y a pas de différence s'ils sont chargés avec $ (document) .ready. Que dois-je vérifier dans les fichiers CSS?

Il n'y a pas d'utilisation en ligne-bloc. J'utilise jQuery 1.3.2.min et jQuery ui 1.7.2, donc je suppose que le réglage autoHeight sur false ne fera pas de différence ... Ceci est utilisé dans un site basé sur Symfony.

fonctionne très bien dans FF, IE8, Chrome. Pas tellement en IE6, IE7/IE8 mode de compatibilité.

$(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

Um, ouais. Comma de la mort. Supprimé et fonctionne bien.

$(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

Trailing virgule de la mort et Internet Explorer peut être une vraie douleur dans le ** s. Vous pouvez essayer de lancer une recherche regex par votre projet en utilisant

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

pour trouver ces virgules de fin dans votre projet.

Dans votre cas, il était la virgule juste derrière « pliable: true »

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

    });