Twitter bootstrap - open modal nad już otwartym modalem

Oto mój scenariusz: otwieram okno modalne z niektórymi szczegółami rekordu i mam przycisk "Usuń". Kiedy użytkownik kliknie na ten przycisk, muszę pokazać modalny "potwierdzenie" powyżej/nad istniejącym modalem (pytając "jesteś pewien?"), Ale kiedy ten modul potwierdzenia jest pokazany, nie blokuje najpierw "szczegółów" modalny (za).Twitter bootstrap - open modal nad już otwartym modalem

Czy ktoś wie, jak mogę to zrobić?

Dzięki!

Źródło

2012-04-23 Rodrigo Pires

Wydaje się, że nie ma wiele w drodze rzeczywistej odpowiedzi, ale to rozszerzenie do modalnym Klasa może być droga: https://github.com/jschr/bootstrap-modal –

przykładem pracy można znaleźć na http://bootply.com/lvKQA2AM28 – CrandellWS

odpowiedziałem ten sam problem tutaj: http://stackoverflow.com/questions/19528173/bootstrap-open-another-modal-in-modal/32513228 –

prostu ukryć #modal i pokazać # modal2 gdy kliknięcie #deleteButton

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

Oto przykład praca: http://jsfiddle.net/baptme/nuUzN/14/

Źródło

2012-06-11 16:35:50 baptme

Przewijanie nie działa na drugim modalu, jeśli wysokość jest długa. – Giraldi

Powinieneś wykryć, kiedy stary modal zamyka się przed uruchomieniem nowego modalu ... Oto moje rozwiązanie: http://stackoverflow.com/a/30250853/851045 – Giraldi

Jest to dość łatwo zrobić. Łącza w już otwartych modalnym muszą wyglądać następująco:

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

danych odwołać = "modal" -> zamknie ten modal = że jest trick !!!!
danych przełączania = "modal" -> otworzy nowy

dialogowe

Enjoy!

Źródło

2013-05-23 23:12:16

To nie odpowiada na pytanie. – darksky

To odpowiedział na pytanie! Łącze wewnątrz pierwszego modalu powinno być: Link –

Przewijanie nie działałoby na drugim modalu, jeśli jego wysokość jest długa, o ile wiem. – Giraldi

Wszystko, co musisz zrobić, to umieścić znacznik modulacji potwierdzającej w kodzie niż modalne szczegóły.

Źródło

2015-02-12 17:46:52 Rob

I to działa! Dziękuję Ci. –

To jest prawdziwe rozwiązanie tego pytania, dzięki. –

Najprostszy, który działa dla mnie. – Mehari

Co powiesz na dodanie indeksu Z do drugiego modalu? Jak:

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

Jeżeli wartość 1050 nie działa, spróbuj większą liczbę aka 99999.

Źródło

2015-06-19 13:13:13 fedda

z-index = 1050 id wartość domyślna. Zmieniłem indeks Z mojego drugiego modala na 1051 i działa. – Strabek

Szybkie rozwiązanie. – Avinash

Twitter bootstrap - open modal nad już otwartym modalem

Odpowiedz

Powiązane problemy