javascript - 基本初始化故障排除

标签 javascript jquery html fullcalendar

我是 FullCalendar 的新手,我正在尝试使用现有的 Google 日历进行初始化。我没有做任何定制。使用下面的代码(为了隐私和安全,API 和 GCal ID 已更改)我可以显示一个空日历,但没有来 self 的 Google 日历的任何事件。 Google 日历设置为公开。我做错了什么?

<!doctype html>
<head>
<meta charset="UTF-8">
<title>Veda's Calendar</title>
    <link rel='stylesheet' href='CSS/fullcalendar.css' />
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
    <script src='JS/moment.js'></script>
    <script src='JS/gcal.js'></script>
    <script src='JS/fullcalendar.js'></script>

    <script type="text/javascript">
        $(function() {
            $('#calendar').fullCalendar({
                googleCalendarApiKey: 'AIwwSwCxxNGJyyyVYzzC7-zz70BEzzEzKzSzDM8',
                events: {
                    googleCalendarId: 'fakename@gmail.com'
                }
              });
        });    
    </script>
</head>

    <body>
        <div id="calendar"></div>
    </body>
</html>

最佳答案

一切正常,除了脚本顺序,

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src='JS/moment.js'></script>
<script src='JS/fullcalendar.js'></script>
<script src='JS/gcal.js'></script>

gcal.js 应该在 fullcalendar.js 之后

关于javascript - 基本初始化故障排除,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55074403/

相关文章:

javascript - 如何重新组织数组,使其按列而不是按行排序

javascript - 将图像上传到服务器 Angular JS

jquery - 响应式设计 : How to resize images/background images and align divs vertically?

html - 如何让正文内容只水平溢出?

php - 如何在 WP Web Scraper 中选择一些相同代码的代码?

javascript - IE6、灯箱和 IFRAME

javascript - 制作覆盖图像 map 的更好方法?

javascript - 为什么我的 WebSocket 客户端总是在发送消息后重新加载?

jquery - 如何检查页面上是否已经存在具有ID的对象?

javascript - 无法在 Django 中实现动态下拉列表