0

別のブートストラップ モーダル上にブートストラップ モーダル ダイアログを表示する方法 モーダル のボタン クリックで 1 つのモーダル ダイアログがあります。z-index で試しましたが、うまくいきません。

4

3 に答える 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 に答える