Twitter Bootstrap Modal n'apparaît pas
Tout modal que je crée à l'aide de twitter bootstrap ne parvient pas à apparaître. Je ne suis pas sûr de ce que je fais mal de voir que j'ai mis en place un test modal en utilisant le code de bootstrap offre et cela ne fonctionne toujours pas.
Voici mon code (boîtier seul):
Vous devez le lier à bootstrap.js, bootstrap-modal.js, jquery.js et bootstrap.css
<body>
<div class="modal hide" id="myModal">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">
×
</button>
<h3>Modal header</h3>
</div>
<div class="modal-body">
<p>
Modal body would go here...
</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>
<a data-toggle="modal" href="#myModal">Show Modal</a>
</body>
Et voici les liens pour le paquet bootstrap et jquery qu'un modal bootstrap besoins:
paquet bootstrap
jquery
OriginalL'auteur Jonathan Wrona | 2012-07-15
Vous devez vous connecter pour publier un commentaire.
Mon problème était que j'étais, y compris les deux boostrap.js et bootstrap-modal.js. Apparemment, si vous incluez bootstrap.js vous ne devriez pas aussi inlclude bootstrap-modal.js parce que boostrap.js les importations de tous les plugins javascript qu'il est compatible avec. Quelque chose comme ça. Après la suppression de mon boostrap-modal.js lien de script, il a travaillé.
OriginalL'auteur Jonathan Wrona
Vous appelez le:
Après la
</body>
tag. Ou si vous voulez l'appeler lorsque l'utilisateur clique sur quelque chose:OriginalL'auteur Wern Ancheta