別のブートストラップ モーダル上にブートストラップ モーダル ダイアログを表示する方法 モーダル のボタン クリックで 1 つのモーダル ダイアログがあります。z-index で試しましたが、うまくいきません。
11217 次
3 に答える
1
このレポを見てください: https://github.com/jschr/bootstrap-modal/
Bootstrap'modal プラグインを拡張して、複数のモーダル (およびその他のもの) を許可します。
于 2013-04-16T12:37:37.900 に答える
0
このソリューションは非常に汚いです。私のシナリオは、モーダル内のフォームが ajax を介して送信されるというものでした。応答が遅れた場合、別のオーバーレイと別のモーダルを配置して、「申し訳ありませんが遅れました」と言いました。
$('body').prepend('<div id="signup-box" class="ajax-is-late widget-box modal-dialog visible"><div class="modal-content"><div class="modal-body"><span style="font-size:25px; margin-left:20px;">bla bla bla...</span></div></div></div><div class="my-dirty-solution modal-backdrop fade in" style="z-index: 1041;"></div>');
ご覧のとおり、作成しているオーバーレイには、標準のブートストラップ モーダル (1040) よりも高い z レイアウトがあります。
<div class="my-dirty-solution modal-backdrop fade in" style="z-index: 1041;"></div>
追加したオーバーレイとモーダルの両方にアクセスして破棄することができました
$('.my-dirty-solution').remove();
次のように動作を確認できます。
- Chrome でページを開く
- 実際のブートストラップ モーダルを開く
- Chrome デベロッパー コンソールを開く
- コードを貼り付けて ENTER を押してください
覚えておいてください、それは非常に汚い生意気な解決策です... ;)
于 2014-01-30T15:41:29.440 に答える