空想神话 2015-07-27 06:53 采纳率: 58.3%
浏览 2744
已采纳

JS模态框无法显示，小白求解

代码如下

 <!doctype html>
<html>
<meta charset="utf-8">
<head>
    <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
    <script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    <script>
        $("#myModal").modal("show");
    </script>
</head>

<body>
<div class="modal fade" id="myModal">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title">modal</h4>
            </div>
            <div class="modal-body">
                <p>dsdsdsd</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn-default" data-dismiss="modal">
                    close
                </button>
                <button type="button" class="btn-danger">
                    保存
                </button>
            </div>
        </div>
    </div>
</div>
</body>
</html>
  • 写回答

3条回答 默认 最新

  • danielinbiti 2015-07-27 07:02
    关注
     <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
    <script src="http://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    <script>
          $(function(){//等jquery加载完后再执行
           $("#myModal").modal("show");
          });
    </script>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题？