web-dev-qa-db-ja.com

Twitter bootstrap-すでに開いているモーダルの上にモーダルを開く

これが私のシナリオです。レコードの詳細が表示されたモーダルウィンドウを開いており、[削除]ボタンがあります。ユーザーがこのボタンをクリックすると、「確認」モーダルを既存のモーダルの上/上に表示する必要があります(「確認しますか?」と尋ねます)が、この確認モーダルが表示されても、最初に「詳細」をブロックしませんモーダル(背後)。

誰か私がそれを行う方法を知っていますか?

ありがとう!

24
Rodrigo Pires

それを行うのはとても簡単です。すでに開いているモーダルのリンクは次のようにする必要があります。

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

data-dismiss = "modal"->はそのモーダルを閉じます= それがトリックです!!!!
data-toggle = "modal"->新しいダイアログが開きます

楽しい!

16
Oleg Veselkov

必要なことは、確認モーダルのマークアップをコード内で詳細モーダルよりも下に配置することだけです。

16
Rob

#modalを非表示にし、#deleteButtonをクリックしたときに#modal2を表示するだけです

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

これが実際の例です: http://jsfiddle.net/baptme/nuUzN/14/

9
baptme

2番目のモーダルにZ-indexを追加してみませんか?お気に入り:

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

値1050が機能しない場合は、99999の値を増やしてみてください。

4
fedda