Bootstrap di Twitter - Apri modale su un modal già aperto

Ecco il mio scenario: sto aprendo una finestra modale con alcuni dettagli del record e ho un pulsante "Elimina". Quando l'utente fa clic su questo pulsante, devo mostrare una modal di "conferma" sopra/sopra il modale esistente (chiedendo "sei sicuro?"), Ma quando viene mostrata questa modale di conferma, non blocca prima i "dettagli" modale (dietro).Bootstrap di Twitter - Apri modale su un modal già aperto

Qualcuno sa come posso farlo?

Grazie!

fonte

2012-04-23 Rodrigo Pires

Sembrerebbe che non c'è molto nel modo di una risposta reale, ma questa estensione per il modal classe potrebbe essere la strada da percorrere: https://github.com/jschr/bootstrap-modal –

Un esempio di lavoro può essere trovato alla http://bootply.com/lvKQA2AM28 – CrandellWS

risposi questo stesso problema qui: http://stackoverflow.com/questions/19528173/bootstrap-open-another-modal-in-modal/32513228 –

Basta nascondere #modal e show # MODAL2 quando click sul #deleteButton

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

Ecco un esempio di lavoro: http://jsfiddle.net/baptme/nuUzN/14/

fonte

2012-06-11 16:35:50 baptme

Lo scrolling non funzionerebbe sul secondo modal se l'altezza è lunga. – Giraldi

Si dovrebbe rilevare quando il vecchio modale chiude prima prima di eseguire il nuovo modal ... qui era la mia soluzione: http://stackoverflow.com/a/30250853/851045 – Giraldi

E 'abbastanza facile per farlo. Link nella tua modale già aperti devono assomigliare a questo:

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

dati-respingere = "modale" -> si chiuderà che modale = che è il trucco !!!!
dati ginocchiera = "modale" -> si aprirà nuova finestra di dialogo

Enjoy!

fonte

2013-05-23 23:12:16

Questo non risponde alla domanda. – darksky

Questo ha risposto alla domanda! Il collegamento all'interno del primo modale dovrebbe essere: Link –

Lo scorrimento non funzionerebbe sul secondo modale se l'altezza è lunga, per quanto ne so. – Giraldi

Tutto quello che devi fare è posizionare il codice per la modal di conferma più in basso nel codice rispetto al modale dettagli.

fonte

2015-02-12 17:46:52 Rob

E funziona! Grazie. –

Questa è la vera soluzione a questa domanda, grazie. –

Il più semplice che funzioni per me. – Mehari

ne dite di aggiungere un z-index per il secondo modale? Come:

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

Se il valore 1050 non funziona provare un numero maggiore aka 99999.

fonte

2015-06-19 13:13:13 fedda

z-index = 1050 id valore predefinito. Ho cambiato z-index del mio secondo modal su 1051 e funziona. – Strabek

Soluzione rapida. – Avinash

Bootstrap di Twitter - Apri modale su un modal già aperto

risposta

Problemi correlati