我在主页上实现了全日历,但它似乎没有加载。在控制台中,我收到以下错误:
未捕获的类型错误: $(...)。fullCalendar 不是一个函数(匿名 函数) @ 团队.php:69n。回调.j @ jquery-1.11.2.js:3054n.Callbacks.k.fireWith @ jquery-1.11.2.js:3200n.extend.ready @ jquery-1.11.2.js:3397I @ jquery-1.11.2.js:3423
这是 html 代码:
<div id="kalender" class="container">
<h2>Kalender</h2>
<div id='calendar'></div>
</div>
以下代码在我的头部选择中:
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link rel='stylesheet' href='css/fullcalendar.css' />
<link rel='stylesheet' href='css/jquery-ui.theme.min.css' />
<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script src='js/moment.min.js'></script>
<script src='js/fullcalendar.js'></script>
<script type="text/javascript" src="js/fullcalendar.min.js"></script>
<script src='js/lang/nl.js'></script>
<script type='text/javascript' src='js/gcal.js'></script>
这个jquery脚本应该可以完成这项工作(当然是用我的密钥和id):
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js">
$(document).ready(function() {
$('#calendar').fullCalendar({
header: {
center: 'month,week' // buttons for switching between views
},
views: {
week: {
type: 'agenda',
duration: { days: 7 },
buttonText: 'week'
}
},
lang: 'nl',
googleCalendarApiKey: '<MY KEY>',
events: {
googleCalendarId: '<MY ID>@group.calendar.google.com'
}
})
});
</script>
我在另一个页面上使用了代码,它就像一个魅力,不幸的是它在这个页面上不起作用,我似乎无法绕过这个错误。
所以,我确实包含了 2 次 jquery 链接......
它隐藏在页脚中,我不知道它是如何结束的,但是当我删除它时,它完全解决了问题!
谢谢查理特夫尔和拉斐尔卡多佐帮助我。
尝试在标题中添加这些内容
<script src='http://fullcalendar.io/js/fullcalendar-2.1.1/lib/moment.min.js'></script>
<script src="http://fullcalendar.io/js/fullcalendar-2.1.1/lib/jquery-ui.custom.min.js"></script>
<script src='http://fullcalendar.io/js/fullcalendar-2.1.1/fullcalendar.min.js'></script>
<</div>
div class="one_answers"> 此外,我发现fullCalendar必须是最后一个加载的。