Question

由于某种原因，我无法解决引导模式，下面是我的代码。

<!DOCTYPE html>
    <html lang="en">
      <head>
        <link href="http://localhost/scripts/bootstrap/css/bootstrap.min.css" rel="stylesheet">
      </head>
      <body>
        <div id="modal" class="modal hide fade">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h3>Modal header</h3>
              </div>
              <div class="modal-body">
                <p>One fine body…</p>
              </div>
              <div class="modal-footer">
                <a href="#" class="btn">Close</a>
                <a href="#" class="btn btn-primary">Save changes</a>
              </div>
            </div>
            <button id="button">Fire</button>
        <script src="http://localhost/scripts/bootstrap/js/bootstrap.min.js"></script>
        <script src="http://code.jquery.com/jquery-latest.js"></script>
        <script>
          $(function(){
             $("#button").click(function(){
                $('#modal').modal('show');
             });
          });
        </script>
      </body>
    </html>

Answer 1

您必须在bootstrap库之后加入jQuery库。你有没有检查浏览器的控制台是否有任何错误？

Bootstrap模态没有显示

1 个答案: