0

クライアントがモーダルをページビューに表示したいページがあります。手動で起動しない限り、ブートストラップモーダルが閉じないという問題に遭遇しました

私は何か間違ったことをしていますか？モーダルの起動をクリックすると（モーダルがすでに表示されていても）、それを閉じることができます

HTMLは次のとおりです。

<a class="btn" data-toggle="modal" href="#myModal">Launch Modal</a>

<div class="modal" id="myModal">
  <div class="modal-header">
    <button class="close" data-dismiss="modal" data-target="#myModal">&times;</button>
    <h3>Modal header</h3>
  </div>
  <div class="modal-body">
    <p>One fine body…&lt;/p>
  </div>
  <div class="modal-footer">
    <a href="#" class="btn" data-dismiss="modal" data-target="#myModal">Close</a>
    <a href="#" class="btn btn-primary">Save changes</a>
  </div>
</div>​

CSS は単なる Bootstap のものです。これには JavaScript コードをまったく使用していません。

jsFiddle でのライブコピー

4

1 に答える 1

2

モーダルを「起動」するのではなく、表示されるインラインマークアップがあるだけです。モーダルは実際にはまったく開かれていません。

モーダルを非表示にし（に追加）、 from ：を使用しstyle="display: none"てモーダル#myModal divを開くトリガーを作成します。.modal('show')ready

jQuery(function($) {
    $('#myModal').modal('show');​​
});

更新されたフィドル

これにより、閉じるボタンに必要なハンドラーが接続され、適切に配置され、背景オーバーレイが実行されます。

于 2012-06-18T11:09:35.927 に答える