3

Twitter Bootstrap の Modal プラグインを使用していますが、すべて動作しており、コンソールに JavaScript エラーが表示されていませんが、ページが読み込まれたときに開くという問題がありますか? モーダルを閉じてから、問題なく再度開くことができますが、ページをリロードするたびに開き続けます。ここに私のマークアップがあります

HTML 起動モーダル

<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-    labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
  <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
  <h3 id="myModalLabel">Modal header</h3>
</div>

   <div class="modal-body">
     <p>One fine body…&lt;/p>
   </div>

  <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
     <button class="btn btn-primary">Save changes</button>
   </div>
  </div>

Javascript

とてもシンプルです:P、

 <script>
 $('#myModal').modal()  
 </script>
4

3 に答える 3

6 
$('#myModal').modal('hide')

これを試して

http://twitter.github.com/bootstrap/javascript.html#modals

于 2012-12-12T04:26:05.090 に答える
0

ページの読み込み時にモーダルを表示したくない場合は、JavaScript を使用する必要はありません。以下のコードを使用して、Bootstrap で単純なモーダルを作成します。

   <!-- Button trigger modal -->
   <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
     Launch demo modal
   </button>

   <!-- Modal -->
   <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
     <div class="modal-dialog">
       <div class="modal-content">
         <div class="modal-header">
           <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
           <h4 class="modal-title" id="myModalLabel">Modal title</h4>
         </div>
         <div class="modal-body">
           <h1>Hello World!</h1>
         </div>
         <div class="modal-footer">
           <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
           <button type="button" class="btn btn-primary">Save changes</button>
         </div>
       </div><!-- /.modal-content -->
     </div><!-- /.modal-dialog -->
   </div><!-- /.modal -->
于 2014-01-21T09:46:22.150 に答える