3 
<div class="modal hide" id="modalId">
  <div class="modal-header" style="padding:30px 10px">
    <h3 style="float:left">Some text here</h3>
    <input type="image" src="image_path" alt="loading..." class="pull-right" />
  </div>
  <div class="modal-body" style="clear:both">
    <!-- I have a table here-->   
  </div>
  <div class="modal-footer">
     <!-- I have a button here -->
  </div>
</div>

ボタンクリックで呼び出されるモーダルのコード

$('#modalId').modal({
    backdrop: 'static',
    keyboard: false,
    show: true
});

ここで私が直面している問題は、モーダルポップアップが表示されない場合に黒いウィンドウが表示されることです。

これはFirefox、IE 8では完全に機能しますが、IE7では機能しません。

私はたくさん試しましたが、ここで問題を見つけることができませんでした。:(誰かがそれを見てください。thubjsdaps14

4

2 に答える 2

11

bootstrap.jsの次の行にコメントしました

appendTo(document.body)

と追加

.insertAfter(this.$element)

詳細については、https：//github.com/twitter/bootstrap/issues/3217を参照してください。

これで、IE7で正しく機能します。

于 2012-07-17T11:03:47.907 に答える
1

基本的なモーダルを最初に機能させることをお勧めします。問題を引き起こしている可能性のあるCSSが含まれています（clear: both目立ちます）。

これを試して、機能するかどうかを確認してください。

<div class="modal" id="modalId">
  <div class="modal-header">
    <h3>Test header</h3>
  </div>
  <div class="modal-body" style="clear:both">
    Test body 
  </div>
  <div class="modal-footer">
     Test footer
  </div>
</div>

$('#modalId').modal();
于 2012-07-13T13:00:20.367 に答える