Twitter Bootstrap: Modal popup ne se fanera pas
J'ai le texte suivant à l'aide d'un twitter bootstrap modal plugin:
<div class="tabbable">
<ul class="nav nav-tabs">
<li class="active"><a href="#tabPeople" data-toggle="tab">People</a></li>
<li><a href="#tabRoles" data-toggle="tab">Roles</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active fade in" id="tabPeople">
<a data-toggle="modal" href="#modalEditPerson1">Name</a>
<div class="modal hide fade in" id="modalEditPerson1">
<div class="modal-header">
<button class="close" data-dismiss="modal">
×</button>
<h3>
Name</h3>
</div>
<div class="modal-body">
<p>
One fine body…</p>
</div>
<div class="modal-footer">
<a href="#" class="btn" data-dismiss="modal">Close</a> <a href="#" class="btn btn-primary">
Save changes</a>
</div>
</div>
</div>
<div class="tab-pane fade" id="tabRoles">
<p>
Role stuff here.</p>
</div>
</div>
</div>
Cela apporte un modal, mais n'a pas fondu comme dans la démo sur cette page: http://twitter.github.com/bootstrap/javascript.html#modals
Mise à JOUR
J'ai réalisé que le problème, c'est qu'il est imbriqué dans un .tabbable div qui utilise aussi les .fondu
J'ai mis à jour le code html ci-dessus.
OriginalL'auteur hofnarwillie | 2012-05-01
Vous devez vous connecter pour publier un commentaire.
vous avez probablement oublié d'inclure le javascript pour la les animations
l'transitions.js doit faire partie de la liste en premier!
juste testet votre code html et il fonctionne très bien. Êtes-vous shure que vous avez téléchargé la bonne bootstrap-transition.js ?
Sur cette page: twitter.github.com/bootstrap/download.html je sélectionne tous les plugins, puis cliquez sur le géant bouton bleu en bas.
J'ai maintenant supprimé pertinentes de l'html et il fonctionne très bien. semble être un problème quand il est imbriquée à l'intérieur d'un .tabbable élément qui a également s'estompe. Toutes les idées sur la façon de les surmonter? Veuillez voir le html mis à jour ci-dessus
Juste un commentaire que si vous êtes de manière sélective, y compris les divers composants css de bootstrap, vous devez avoir le .fondu de style dans la feuille de style, trop.
OriginalL'auteur HaNdTriX