Problème JQuery Accordion Auto Height

J’utilise l’accordéon JQuery. J’ai cette page ici: http://www.hauppauge.com/site/support/support_colossus.html#tabs-6

Ce qui se passe, c’est que la hauteur automatique prend un certain temps à se charger, avant de se charger, il y a beaucoup d’espace blanc sous le contenu. Quand elle se charge, la hauteur s’étend pour s’allonger puis s’accrocher à la hauteur correcte du contenu. Y a-t-il un moyen pour que cela soit transparent? Je veux juste pouvoir cliquer sur un onglet Accordéon et l’append à la hauteur exacte du contenu.

Mise à jour 08/08/2014:

Utilisez heightStyle: "content" si vous utilisez la version 1.9 et supérieure (réponse de Tarun )

Utilisez autoHeight: false pour 1.8 et inférieur (réponse de iappwebdev)

Alors pourquoi ne pas simplement mettre autoheight à faux?

 $( ".selector" ).accordion({ autoHeight: false });

http://jqueryui.com/demos/accordion/#option-autoHeight

MODIFIER

En regardant votre commentaire:

 // Accordion $("#accordion").accordion({ header: "h3" }); $("#accordion").accordion({ collapsible: true }); $("#accordion").accordion({ autoHeight: false, navigation: true });

Vous initialisez l’accordéon et vous ajoutez ensuite d’autres options. Pourquoi faites-vous cela? La valeur par défaut de autoHeight est true , donc chaque onglet a une hauteur fixe. Mettez toutes les options en un seul appel:

 // Accordion $("#accordion").accordion({ header: "h3", collapsible: true, autoHeight: false, navigation: true });

MODIFIER

Concernant votre 2ème commentaire:

Consultez le site http://jqueryui.com/demos/accordion/#option-header . Vous pouvez voir que l’option h3 est définie par défaut, vous n’avez donc pas à la définir dans votre appel.

Et vous obtenez une réponse à votre question ici: l’ accordéon JQuery ne fonctionne pas sans les balises h3 .

Il est très important de passer par l’API jQuery pour améliorer vos connaissances. Pour l’API jQuery, accédez à http://api.jquery.com/ et à l’interface utilisateur de jQuery à l’ adresse http://jqueryui.com/demos/ . Si vous avez d’autres questions, n’hésitez pas à demander après avoir essayé de résoudre votre problème et après avoir effectué des recherches.

Si tout cela répond à votre question, indiquez-le comme réponse correcte.

Tu devrais utiliser

 $("#accordion").accordion({ heightStyle: "content" });

Il définira la hauteur en fonction de votre contenu. et n’utilisera pas d’espace comme hauteur.

 $("#accordion").accordion({ heightStyle: "content" });

Cela fonctionne dans la nouvelle version son travaillé pour moi !!!

Cela a fonctionné pour moi.

 $( ".accordion" ).accordion({ autoHeight: false, collapsible: true, navigation: true });

Si rien ne fonctionne jusqu’à présent, redimensionnez simplement contentElement jQuery Accordion – il s’appelle data-content par défaut, sauf si vous l’avez configuré différemment:

 $('.accordion').find('[data-content]').resize();

Cela fonctionnerait également si vous souhaitez redimensionner l’accordéon après le chargement dynamic de vos données.