2012-04-23 98 views
23

以下是我的場景:我打開一個模式窗口,顯示一些記錄詳細信息,並且我有一個「刪除」按鈕。當用戶點擊這個按鈕時,我需要在現有模式上面顯示一個「確認」模式(詢問「你確定嗎?」),但是當顯示這個確認模式時,它不會首先阻止「細節」模態(後面)。Twitter引導 - 通過已打開的模式打開模式

有誰知道我該怎麼做?

謝謝!

+3

一個較大的數字這似乎沒有太多在實際答案的方式,但這種擴展模態類可能是要走的路:https://github.com/jschr/bootstrap-modal – 2013-06-24 22:38:54

+0

工作示例可以在http://bootply.com/lvKQA2AM28 – CrandellWS 2014-06-12 04:18:35

+0

找到我這裏回答同樣的問題: http://stackoverflow.com/questions/19528173/bootstrap-open-another-modal-in-modal/32513228 – 2015-09-10 23:38:29

回答

9

簡單地隱藏當點擊#deleteButton

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

這裏的工作示例#modal和表演#modal2:http://jsfiddle.net/baptme/nuUzN/14/

+0

如果高度很長,滾動將無法在第二模式上工作。 – Giraldi 2015-05-15 02:52:31

+0

在執行新模式之前,您應該檢測舊模式何時關閉......這是我的解決方案:http://stackoverflow.com/a/30250853/851045 – Giraldi 2015-05-15 03:06:00

16

這是很容易做到這一點。在你已經打開的模態鏈接必須是這樣的:

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

數據駁回=「莫代爾」 - >將關閉模式= 那就是招!!!!
data-toggle =「模式」 - >將打開新的對話框

享受!

+1

這不回答問題。 – darksky 2014-04-15 18:44:03

+1

這確實回答了這個問題! 第一個模態中的鏈接應該是:Link 2014-07-17 02:04:52

+2

就我所知,如果高度很長,滾動將無法在第二個模態上工作。 – Giraldi 2015-05-15 02:53:09

13

您需要做的就是將確認模式的標記放在代碼中,而不是細節模式。

+2

而且工作!謝謝。 – 2015-08-30 11:45:08

+1

這是這個問題的真正解決方案,謝謝。 – 2016-09-16 20:50:00

+0

對我來說最簡單的一個。 – Mehari 2017-03-18 13:37:24

4

如何在第二個模態中添加z-索引?像:

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

如果值1050不起作用嘗試又名99999

+1

z-index = 1050 id默認值。我改變了我的第二個模式的z-index到1051,它的工作原理。 – Strabek 2015-09-03 13:02:22

+0

快速解決方案。 – Avinash 2017-01-13 09:12:16