Bootstrap effondrement ne fonctionne pas correctement
J'ai créé un accordéon avec bootstrap effondrement. Il y a certains éléments de l'accordéon qui s'alternent sur l'expansion sur le clic de l'élément particulier. Le balisage suivant est créé:
<div class="accordion" id="accordion2">
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" href="#collapse-0" id="0" data-toggle="collapse" data-parent="#accordion2">
User Visits
</a>
</div>
<div id="collapse-0" class="accordion-body collapse in">
<div class="accordion-inner">
Collapsible <br/>
Collapsible <br/>
</div>
</div>
</div>
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" href="#collapse-1" id="1" data-toggle="collapse" data-parent="#accordion2">
Points
</a>
</div>
<div id="collapse-1" class="accordion-body collapse">
<div class="accordion-inner">
Collapsible <br/>
Collapsible <br/>
</div>
</div>
</div>
</div>
Le problème est que, après le chargement de la page le premier clic sur un élément en particulier les résultats dans la réussite de l'expansion de l' .accordion-body .collapse
bloc, mais les appels ne sont pas le résultat d'une expansion.
Les résultats de la dilatation due à l'adjonction d'une classe appelée in
de façon dynamique. Même sur des clics successifs sur l'accordéon éléments de l'inspection montre le retournement de l' in
classe comme il se doit, mais en dépit de cela, l'élément n'est pas développée.
Veuillez indiquer ce que pourrait être le problème.
Je ne peux pas comprendre à quel type de conflit que je pouvais avoir. En fait il y a plus de deux éléments, et celui choisi pour la première fois, se développe et les appels suivants ne. Même pas le initally élément développé. Il fonctionne parfaitement, même ici: jsfiddle.net/uycBa/35
🙂 logiquement il doit y avoir un conflit - utilisez-vous des "0", "1", etc que des id d'ailleurs? (Remarque, il n'est généralement pas adviceable en id des éléments comme des chiffres, même si la plupart des navigateurs acceptent cela, il est illégal w3.org/TR/html401/types.html#type-name) Vous êtes les bienvenus pour poster l'ensemble de la page / balisage, incl javascript.
Avez-vous regardé la console javascript? Il semble que votre javascript est en train de mourir après la première développez?
View > Developer > JavaScript Console
. Il est aussi possible que vous ayez plusieurs accordians sur la page, et utiliser le même identifiant pour l'accordéon, qui est à l'origine de jquery sélecteur à l'échec, ou sélectionnez le mauvais élément, conduisant à une insuffisance de l'effondrement de l'accordéon.
OriginalL'auteur mickeymoon | 2012-11-01
Vous devez vous connecter pour publier un commentaire.
J'ai compris le problème. En fait l'effondrement jquery plugin nécessite l'inclusion de
bootstrap-transition
plugin. J'ai essayé avec 'seulement'bootstrap-collapse
qui a causé le problème ci-dessus ou d'unebootstrap.js
qui a causé d'autres problèmes.Mon problème a été notamment à la transition plugin, mais pas l'effondrement du plugin! Votre réponse encore m'a aidé.
Comment intégrez-vous la transition plugin? Où avez-vous préciser?
OriginalL'auteur mickeymoon