7

クリック時にモーダルを閉じるために、モーダルデータ非表示アクションを取得しようとしています。文書化されていない問題があるようです。うまくいけば、ここの誰かがそれに光を当てることができます。ここにコードがあります

<!DOCTYPE html>
<html>
<head>
    <meta charset='UTF-8'/>
    <title> Modal test </title>
    <link href='themes/default/bootstrap/css/bootstrap.css' rel='stylesheet'/>
    <link href='themes/default/bootstrap/css/bootstrap-responsive.css'     rel="stylesheet"/>
</head>
<body>
<div class="modal" id="myModal">
  <div class="modal-header">
    <button class="close" data-dismiss="modal">×</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">Close</a>
    <a href="#" class="btn btn-primary">Save changes</a>
  </div>
</div>
<div class="alert alert-block">
  <a class="close" data-dismiss="alert" href="#">x</a>
  <h4 class="alert-heading">Warning!</h4>
    Best check yo self, you're not...
</div>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="themes/default/bootstrap/js/bootstrap.js"></script>
</body>
</html>

は、bootstrap-modal.js を含むブートストラップの完全なスイートです。

<div class="alert alert-block">アクションをテストするために を入れました。アラートでは機能するようですが、モーダルでは機能しないようです!

4

1 に答える 1

2

このコードを追加してください：

<script  type="text/javascript">
    $(document).ready(function() {
        $('#myModal').modal(); // initialized with defaults
        $('#myModal').modal('show'); // open your modal dialog
    });
</script>
于 2012-09-26T09:32:07.970 に答える