これが私のシナリオです。レコードの詳細が表示されたモーダルウィンドウを開いており、[削除]ボタンがあります。ユーザーがこのボタンをクリックすると、「確認」モーダルを既存のモーダルの上/上に表示する必要があります(「確認しますか?」と尋ねます)が、この確認モーダルが表示されても、最初に「詳細」をブロックしませんモーダル(背後)。
誰か私がそれを行う方法を知っていますか?
ありがとう!
それを行うのはとても簡単です。すでに開いているモーダルのリンクは次のようにする必要があります。
<a href="NEW URL" data-dismiss="modal" data-toggle="modal" data-target="#newModal">Anchor text</a>
data-dismiss = "modal"->はそのモーダルを閉じます= それがトリックです!!!!
data-toggle = "modal"->新しいダイアログが開きます
楽しい!
必要なことは、確認モーダルのマークアップをコード内で詳細モーダルよりも下に配置することだけです。
#modalを非表示にし、#deleteButtonをクリックしたときに#modal2を表示するだけです
$("#deleteButton").click(function() {
$('#myModal').modal('hide')
$('#myModal2').modal('show')
});
これが実際の例です: http://jsfiddle.net/baptme/nuUzN/14/
2番目のモーダルにZ-indexを追加してみませんか?お気に入り:
<div class="modal fade" style="z-index:1050">modal content here...</div>
値1050が機能しない場合は、99999の値を増やしてみてください。