Preguntas etiquetadas con modal-dialog

Se refiere a un cuadro de diálogo gráfico utilizado para mostrar información importante al usuario. Estos cuadros de diálogo aparecen sobre todo otro contenido, bloqueando el flujo de la aplicación hasta que se recibe la entrada del usuario.

25
Cerrar Bootstrap Modal
Tengo un cuadro de diálogo modal de bootstrap que quiero mostrar inicialmente, luego, cuando el usuario hace clic en la página, desaparece. Tengo lo siguiente: $(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> …
24
¿Cómo ocultar Bootstrap modal con javascript?
He leído las publicaciones aquí, el sitio Bootstrap, y busqué en Google como loco, pero no puedo encontrar lo que estoy seguro es una respuesta fácil ... Tengo un modal de Bootstrap que abro desde un link_to helper como este: <%= link_to "New Contact", new_contact_path, {remote: true, 'data-toggle' => 'modal', …
22
El modal remoto de arranque de Twitter muestra el mismo contenido cada vez
Estoy usando el programa de arranque de Twitter, he especificado 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> Y los …
30
El fondo modal de arranque de Twitter no desaparece
Estoy usando el diálogo modal de arranque de Twitter. Cuando hago clic en el botón Enviar del cuadro de diálogo modal de arranque, envía una solicitud AJAX. Mi problema es que el fondo modal no desaparece. El cuadro de diálogo modal desaparece correctamente, pero en su lugar permanece "modal-backdrop in" …
27
Bootstrap Modal desaparece inmediatamente
Estoy trabajando en un sitio web usando bootstrap. Básicamente, quería usar un modal en la página de inicio, convocado por el botón en la Unidad de Héroe. Código del botón: <button type="button" class="btn btn-warning btn-large" data-toggle="modal" data-target="#myModal">Open Modal</button> Código modal: <div class="modal hide fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div …
4
¿Cómo manejar el evento de cierre modal en Twitter Bootstrap?
En Twitter bootstrap, mirando la documentación de modals . No pude averiguar si hay una manera de escuchar el evento cercano del modal y ejecutar una función. Por ejemplo, tomemos este modal como ejemplo: <div class="modal-header"> <button type="button" class="close close_link" data-dismiss="modal" aria-hidden="true">×</button> <h3>Modal header</h3> </div> <div class="modal-body"> ... </div> <div …
28
Superposición de modales múltiples
Necesito que la superposición se muestre arriba del primer modal, no en la parte posterior. Mostrar fragmento de código $('#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 …
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.