Twitter bootstrap - modal abierto sobre un modal ya abierto

Aquí está mi situación: estoy abriendo una ventana modal con algunos detalles del registro, y tengo un botón "Eliminar". Cuando el usuario hace clic en este botón, necesito mostrar un modal de "confirmación" arriba/sobre el modal existente (preguntando "¿estás seguro?"), Pero cuando se muestra este modal de confirmación, primero no bloquea los "detalles" modal (detrás).Twitter bootstrap - modal abierto sobre un modal ya abierto

¿Alguien sabe cómo puedo hacerlo?

Gracias!

Fuente

2012-04-23 Rodrigo Pires

Parecería que no hay mucho en el camino de una respuesta real, pero esta extensión a la modal clase podría ser el camino a seguir: https://github.com/jschr/bootstrap-modal –

Un ejemplo de trabajo se puede encontrar en http://bootply.com/lvKQA2AM28 – CrandellWS

repliqué este mismo problema aquí: http://stackoverflow.com/questions/19528173/bootstrap-open-another-modal-in-modal/32513228 –

simplemente ocultar y mostrar #modal # modal2 cuando se haga clic en #deleteButton

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

Aquí está un ejemplo de trabajo: http://jsfiddle.net/baptme/nuUzN/14/

Fuente

2012-06-11 16:35:50 baptme

El desplazamiento no funcionaría en el segundo modal si la altura es larga. – Giraldi

Debe detectar cuando el antiguo modal se cierra primero antes de ejecutar el nuevo modal ... Aquí estaba mi solución: http://stackoverflow.com/a/30250853/851045 – Giraldi

Es bastante fácil de hacerlo. Los enlaces en sus modales ya abiertas tienen que tener este aspecto:

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

datos despedir = "modal" -> cerrará esa modal = que es el truco !!!!
datos de palanca = "modal" -> se abrirá nuevo diálogo

Enjoy!

Fuente

2013-05-23 23:12:16

Esto no responde la pregunta. – darksky

¡Eso respondió la pregunta! El enlace dentro del primer modal debería ser: Link –

El desplazamiento no funcionaría en el segundo modal si la altura es larga, hasta donde yo sé. – Giraldi

Todo lo que necesita hacer es colocar el marcado para la confirmación modal más abajo en el código que los detalles modales.

Fuente

2015-02-12 17:46:52 Rob

¡Y eso funciona! Gracias. –

Esta es la verdadera solución a esta pregunta, gracias. –

El más simple que funciona para mí. – Mehari

¿Qué tal si agregamos un índice z al segundo modal? Al igual que:

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

Si el valor 1050 no funciona pruebe con un número más alto aka 99999.

Fuente

2015-06-19 13:13:13 fedda

z-index = 1050 valor predeterminado de id. Cambié el índice z de mi segundo modal a 1051 y funciona. – Strabek

Solución rápida. – Avinash

Twitter bootstrap - modal abierto sobre un modal ya abierto

Respuesta

Cuestiones relacionadas