1

我正在尝试设置bootstrap-calendar，但我遇到了一些困难。我使用了命令

$ bower install bootstrap-calendar

下载依赖项，我创建了一个测试索引文件，如下所示：

<html>
<head>
    <title>calendar test</title>
    <script type="text/javascript" src="bower_components/bootstrap-calendar/js/language/en-GB.js"></script>
    <script type="text/javascript" src="bower_components/bootstrap-calendar/js/calendar.js"></script>
    <script type="text/javascript" src="bower_components/bootstrap/docs/assets/js/bootstrap.js"></script>
    <script type="text/javascript" src="bower_components/jquery/jquery.min.js"></script>
    <script type="text/javascript" src="bower_components/moment/moment.js"></script>
    <script type="text/javascript" src="bower_components/underscore/underscore-min.js"></script>
    <link rel="stylesheet" type="text/css" href="bower_components/bootstrap-calendar/css/calendar.css">
    <link rel="stylesheet" type="text/css" href="bower_components/bootstrap/docs/assets/css/bootstrap.css">
    <script type="text/javascript">
        var calendar = $('#calendar').calendar();
    </script>
</head>
<body>
    <div id="calendar"></div>
</body>
</html>

用浏览器打开 index.html 会得到一个空页面。知道为什么吗？提前致谢

4

1 回答 1

0

可能只是您包含脚本的顺序是错误的。我通常将 jQuery 放在最上面（考虑到大多数东西都依赖于它，它需要先加载）然后 bootstrap.js 在它下面，然后是下划线，依此类推。脚本也应该包含在主体的末尾以提高速度，尽管您的脚本也有可能在加载 dom 之前在头部运行，并且找不到 #calendar 只是因为它还没有。试试这些，祝你好运！

于 2013-11-16T05:41:28.907 回答