基本初始化故障排除

Question

我是 FullCalendar 的新手，我正在尝试使用现有的 Google 日历进行初始化。我没有做任何定制。使用下面的代码（API 和 GCal ID 已针对隐私和安全进行了更改）我可以显示一个空日历，但我的 Google 日历中没有任何事件。 Google 日历设置为 public。我做错了什么？

<!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>

Answer 1

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

<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

之后

基本初始化故障排除

Troubleshooting Basic Initialization

html

javascript

jquery

fullcalendar