jQuery Accordion pas de travail pour régler la hauteur du contenu
Je suis en train de modifier l'accordéon basé sur ce que j'ai fait des recherches dans stackoverflow, et la hauteur n'a toujours pas de changement-- il est toujours à la hauteur de la plus haute du panneau. Quelqu'un peut-il me dire ce que je fais de mal ou manquant?
Voici ce que j'ai entré dans la TÊTE--
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />
<script>
$(function() {
$( "#accordion" ).accordion({
collapsible: true
});
</script>
<script>
$(".selector").accordion({ autoHeight: false });
</script>
Merci.
OriginalL'auteur Macki XCarl | 2013-09-11
Vous devez vous connecter pour publier un commentaire.
Vous avez trois problèmes avec votre code existant. Le code suivant devrait fonctionner pour vous:
.ready()
de sorte qu'il ne serait pas fonctionner correctement si l'accordéon HTML a été en dessous de la balise script.Si ces changements n'ont pas de résoudre votre problème, veuillez fournir votre code HTML.
a parfaitement fonctionné 🙂
Josh, ont donné une réponse. Je voulais ajouter que la valeur par défaut pour Accordéon est réglé sur "auto" signifie tous les panneaux seront à la hauteur de la plus haute du panneau.
OriginalL'auteur Josh Mein
Ce travail pour moi:
Acclamations.
OriginalL'auteur alsantos123
Essayez ceci:
OriginalL'auteur Nikos Grigoriadis
Ce résoudre mon problème
OriginalL'auteur Asccort
Vous êtes à la recherche pour,
Comme dans
De la la documentation:
edit: je suis pourquoi les gens sont ce qui suggère autoHeight: faux, parce que ce n'est même pas une option .accordéon. Voir l'api pour une liste complète des options ici: http://api.jqueryui.com/accordion/
OriginalL'auteur Jean
@Nikos Gr de répondre à tout ce qu'il faut, seulement si vous choisissez d'insérer le script dans un fichier externe, assurez-vous de lien vers le script en HTML (APRÈS que vous avez lié à tous les jquery UI fichiers, comme suit:
d'abord vos fichiers jQuery
ensuite, votre propre js
Dans ce fichier, inclure le code écrit par @Nikos GR, avec les conseils de @Josh Mein:
Qui devrait fonctionner parfaitement! Si vous souhaitez que le script dans votre code HTML à faire la même chose mais sans le "src" atrributs dans le "
<script>
" élément.OriginalL'auteur Jeroen