別の前にモーダルを開く

Question

早急に質問してください（うまくいけば？）。私はモーダルを持っています（ボタンをクリックすると、物/コンテンツがポップアップします） - モーダル内に、私は誰かにクリックさせたいと思っていたテキストを持っていて、別のモーダルを前面に開きます。

intialモーダルです：

<button class="btn btn-two shortcode-popup-trigger" data-toggle="modal" data-target="#modal-group-5">MORE INFO</button> 

その後、私は正確に同じラインを使用しますが、私は開いてみたかった他のモーダルにモーダルIDを変更内側。これは動作しますが、新しいモーダルが現在のものをBEHINDで開きます。誰もがこれで私を助けることができる？それは有り難いです！

Answer 1

同じModalモジュールなので、.modalのz-indexは両方のモーダルで同じです。なぜあなたはそれぞれのモーダルに異なるz-indexを試してみませんか？

#modal-group-4 { 
    z-index: 400; 
} 

#modal-group-5 { 
    z-index: 500; 
} 

これが機能しない場合。次に、最初のモーダルを閉じて、2番目のモーダルが閉じられたときにそれを表示することができます。このような何か、

最初のモーダル閉じるには：最初のモーダルを再度開くには

<button class="btn btn-two shortcode-popup-trigger" data-toggle="modal" data-target="#modal-group-5" onclick="jQuery('#modal-group-4').modal('toggle');">MORE INFO</button> 

を、私たちは二番目のイベントを閉じるをリッスンする必要がある、

$('#modal-group-5').on('hidden.bs.modal', function() { 
    jQuery('#modal-group-4').modal('toggle'); 
}) 

注：上記メソッドは、ブートストラップ3でのみサポートされています。 http://sforsuresh.in/bootstrap-modal-window-close-current-open-new-modal/：下のバージョンでは、この

$('#modal-group-5').on('hidden', function() { 
    jQuery('#modal-group-4').modal('toggle'); 
}) 

Method # 2 Source