Questions marquées «modal-dialog»

Fait référence à une boîte de dialogue graphique utilisée pour afficher des informations importantes à l'utilisateur. Ces boîtes de dialogue apparaissent au-dessus de tout autre contenu, bloquant le flux de l'application jusqu'à ce que l'utilisateur reçoive une entrée.

11
Lier une fonction à Twitter Bootstrap Modal Fermer
J'utilise la bibliothèque Twitter Bootstrap sur un nouveau projet et je souhaite qu'une partie de la page soit actualisée et récupérée les dernières données json sur la fermeture modale. Je ne vois cela nulle part dans la documentation. Quelqu'un peut-il me le signaler ou suggérer une solution. Deux problèmes avec …
25
Fermer Bootstrap Modal
J'ai une boîte de dialogue modale bootstrap que je veux afficher initialement, puis lorsque l'utilisateur clique sur la page, elle disparaît. J'ai les éléments suivants: $(function () { $('#modal').modal(toggle) }); <div class="modal" id='modal'> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3 id="myModalLabel">Error:</h3> </div> <div class="modal-body"> <p>Please correct the following errors:</p> …
30
Bootstrap 3 centre de position verticale modale
C'est une question en deux parties: Comment pouvez-vous positionner le modal verticalement au centre lorsque vous ne connaissez pas la hauteur exacte du modal? Est-il possible d'avoir le modal centré et d'avoir un débordement: auto dans le corps modal, mais seulement si le modal dépasse la hauteur de l'écran? J'ai …
22
Twitter bootstrap remote modal affiche le même contenu à chaque fois
J'utilise Twitter bootstrap, j'ai spécifié un modal <div class="modal hide" id="modal-item"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">x</button> <h3>Update Item</h3> </div> <form action="http://www.website.com/update" method="POST" class="form-horizontal"> <div class="modal-body"> Loading content... </div> <div class="modal-footer"> <a href="#" class="btn" data-dismiss="modal">Close</a> <button class="btn btn-primary" type="submit">Update Item</button> </div> </form> </div> Et les liens <a href="http://www.website.com/item/1" data-target="#modal-item" data-toggle="modal">Edit …
27
Bootstrap Modal disparaît immédiatement
Je travaille sur un site Web utilisant bootstrap. Fondamentalement, je voulais utiliser un modal dans la page d'accueil, invoqué par le bouton dans l'unité Hero. Code du bouton: <button type="button" class="btn btn-warning btn-large" data-toggle="modal" data-target="#myModal">Open Modal</button> Code modal: <div class="modal hide fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-header"> <button …
4
Comment gérer l'événement de fermeture modale dans Twitter Bootstrap?
Dans le bootstrap de Twitter, en regardant la documentation des modaux . Je n'ai pas pu déterminer s'il existe un moyen d'écouter l'événement de fermeture du modal et d'exécuter une fonction. Par exemple, prenons ce modal comme exemple: <div class="modal-header"> <button type="button" class="close close_link" data-dismiss="modal" aria-hidden="true">×</button> <h3>Modal header</h3> </div> <div …
28
Superposition de plusieurs modaux
J'ai besoin que la superposition s'affiche au-dessus du premier modal, pas à l'arrière. Afficher l'extrait de code $('#openBtn').click(function(){ $('#myModal').modal({show:true}) }); <a data-toggle="modal" href="#myModal" class="btn btn-primary">Launch modal</a> <div class="modal" id="myModal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title">Modal title</h4> </div><div class="container"></div> <div class="modal-body"> Content for the …
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.