Здесь мой сценарий: я открываю модальное окно с некоторыми реквизитами записи, и у меня есть кнопка "Удалить". Когда пользователь нажимает на эту кнопку, мне нужно показать "подтверждение" модального над/над существующим модальным (спрашивая "вы уверены?" ), Но когда это подтверждение подтверждено, оно не блокирует "детали" сначала модальный (позади).
Кто-нибудь знает, как я могу это сделать?
Спасибо!
Это довольно легко сделать. Ссылки в вашем уже открытом модальном режиме должны выглядеть так:
<a href="NEW URL" data-dismiss="modal" data-toggle="modal" data-target="#newModal">Anchor text</a>
data-reject = "modal" → закроет этот modal = , трюк!!!!
data-toggle = "modal" → откроет новый диалог
Наслаждайтесь!
Все, что вам нужно сделать, это поместить разметку для подтверждения в коде ниже, чем в модальном формате.
Просто скройте #modal и покажите # modal2 при нажатии на кнопку #deleteButton
$("#deleteButton").click(function() {
$('#myModal').modal('hide')
$('#myModal2').modal('show')
});
Вот рабочий пример: http://jsfiddle.net/baptme/nuUzN/14/
Как насчет добавления z-индекса ко второму модальному? Как:
<div class="modal fade" style="z-index:1050">modal content here...</div>
Если значение 1050 не работает, попробуйте большее число aka 99999.