twitter-bootstrap - page - open modal jquery

Twitter bootstrap-abrir modal sobre un modal ya abierto

Question

Aquí está mi escenario: estoy abriendo una ventana modal con algunos detalles de registro, y tengo un botón "Eliminar". Cuando el usuario hace clic en este botón, debo mostrar un modal de "confirmación" arriba / sobre el modal existente (pregunta "¿estás seguro?"), Pero cuando se muestra este modal de confirmación, no se bloquean los "detalles" primero modal (detrás).

¿Alguien sabe como puedo hacerlo?

¡Gracias!

Answer 1

¿Qué tal si agregamos un índice z al segundo modal? Me gusta:

<div class="modal fade" style="z-index:1050">modal content here...</div>

Si el valor 1050 no funciona, intente un número más alto conocido como 99999.

Answer 2

Es bastante fácil hacerlo. Los enlaces en tu modal ya abierto tienen que verse así:

<a href="NEW URL" data-dismiss="modal" data-toggle="modal" data-target="#newModal">Anchor text</a>

data-dismiss = "modal" -> cerrará ese modal = ese es el truco !!!!
data-toggle = "modal" -> abrirá un nuevo diálogo

¡Disfrutar!

Answer 3

Simplemente oculte #modal y muestre # modal2 cuando haga clic en #deleteButton

$("#deleteButton").click(function() {
$(''#myModal'').modal(''hide'')
$(''#myModal2'').modal(''show'')
});

Este es un ejemplo http://jsfiddle.net/baptme/nuUzN/14/ : http://jsfiddle.net/baptme/nuUzN/14/

Answer 4

Todo lo que necesita hacer es colocar el marcador para el modal de confirmación más abajo en el código que en el modal de detalles.