fullCalendar与gCal显示第二个空白日历

时间:2013-02-03 01:11:19

标签: jquery html fullcalendar google-calendar-api

我有一个使用fullCalendar成功渲染的Google日历,但出于某种原因,我在#trainingCalendar div中渲染了两个日历:页面顶部一个空白,另一个正确(谷歌日历链接可点击)显示的事件)下面一个。这是html,即使它非常简单:

<body>
    <div id="training">  //more stuff will go in this div, but I wanted to keep it as simple as possible for troubleshooting
        <div id="trainingCalendar">
        </div>
    </div> 
    <br class="clearfix" />
    <div id="footer">
        &copy; 2012 darkermarkerproductions.com
    </div>
</body>

...这里是页面本身:http://www.darkermarkerproductions.com/trainingCalendar.html

我错过了什么?

1 个答案:

答案 0 :(得分:1)

您正在运行它两次 - 一次靠近 scriptMain.is 的顶部,一次靠近底部。您需要删除此代码:

$('#trainingCalendar').fullCalendar({
    // your options here
});
scriptMain.is 的底部