Icônes par défaut en cascade Icônes d'accordéon personnalisées Jquery

Question

J'essaie d'utiliser un accordéon Jquery avec des icônes personnalisées dans les en-têtes d'accordéon, mais la valeur par défaut de Jquery (je pense qu'il s'agit d'une icône sans icône) s'affiche au lieu. J'ai suivi la documentation de l'interface utilisateur assez stricte Jquery:

js:

var icons = { 
    header: "ui-icon-egnyte-arrow-down", 
    headerSelected: "ui-icon-egnyte-arrow-up" 
}; 

jq(function() { 
    uiAccordion = jq("#sendAccordion").accordion({ 
     collapsible: true, 
     icons: icons, 
     autoHeight: false, 
     navigation: true, 
     animated: false, 
     active: false 
    }); 
}); 

css:

.ui-icon-egnyte-arrow-down { background-image: url(../images/icons/sendarrow_down.png); width: 15px; height: 15px; } 
.ui-icon-egnyte-arrow-up { background-image: url(../images/icons/sendarrow_up.png); width: 15px; height: 15px; } 

Le reste des fichiers Jquery sont stockés à peu près 1.3.2 et l'interface utilisateur 1.7.3.

Si je regarde le css avec un débogueur, je peux voir que mes icônes sont là, mais sont en cascade sur les classes .ui-icon-default .ui-icon.

Merci pour toute aide, et laissez-moi savoir si j'ai besoin de fournir plus d'informations!

Answer 1

Cela semble être un bug dans l'ancienne version. Si vous mettez à jour votre jQuery et jQuery UI à 1.6.2 et 1.8.14 respectivement, vous devriez voir le problème résolu lui-même. Voir l'exemple: http://jsfiddle.net/william/x3w94.

Si la mise à jour des fichiers ne sont pas une option pour vous, vous devrez peut-être remplacer le style d'en-tête un peu:

.ui-accordion .ui-accordion-header a { padding-left: 1.7em; } 

Voir par exemple: http://jsfiddle.net/william/x3w94/2/.