Question

我正在尝试设置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，给出一个空白页面。知道为什么吗？提前致谢

Answer 1

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

快速设置bootstrap日历

1 个答案: