2016-05-26 9 views
1

のそれぞれに重複していない私は、複数のブートストラップモーダルを達成しようとしていますのonLoadを開き、現在それも、モーダルボタンのそれぞれにのonClick完全に罰金が開きますしかし、我々は我々が調査中にモーダル作品にのonLoad同様複数のブートストラップモーダルは、オンロードを開きますが、クラスモーダルな背景の透明層がモーダル

を必要とするためのように、負荷に来て、いくつかのTIMEOUT警告は、クラスモーダル-背景透明層がモーダルに基づく手段を重複していないことを発見しましたZ-インデックスが増加していない、と私のクライアントからの要件は、私はfユーザーの起動モーダルonClickまたはonLoadユーザーは、シナリオに応じて複数のブートストラップモーダルを表示することがあります。例:ユーザーが「キャンセル」ボタンをクリックすると、モーダルで昇進します。「やあ、キャンセルしてもよろしいですか?モーダルのonLoadを得るかもしれない、同じ時間は以下

onLoadonClick行動シナリオ

これは、以下のモーダルが、のonClick複数のそれぞれの上に来ていない行動のonLoad透明化層であるため、スクリーンショットですサーバから「タイムアウト警告」を取り上げモーダルは完全に正常に機能します: This is the behavior onLoad transparency layer are not coming on each of the below modals but onClick multiple modals works perfectly fine

ここで私はO Atrached jsFiddlehttp://jsfiddle.net/CxdUQ/314

+0

私はそれを試してみましたbs4とそれは動作します –

+0

こんにちは@Leandro Ruelが、私たちはbs3、その中の任意のソリューションと統合されている? –

+0

誰もがこれについて私を助けることができますか? –

答えて

0

は、私はこのためthis question that already have a answerを見つけ、ここに変更して、あなたのjsfiddleです:http://jsfiddle.net/CxdUQ/

次のコードは、上方に設けられたリンクで発見答えです:

$(document).on('show.bs.modal', '.modal', function() { 
    var zIndex = 1040 + (10 * $('.modal:visible').length); 
    $(this).css('z-index', zIndex); 
    setTimeout(function() { 
     $('.modal-backdrop').not('.modal-stack').css('z-index', zIndex - 1).addClass('modal-stack'); 
    }, 0); 
}); 
+0

これはボタンonClickを処理しますが、私が探している複数のモーダルに対してonLoadメソッドをどのように実現すればよいでしょうか? –

+0

私はこれを試してみるよ –