fullcalendar 不是函数

Posted 2023-05-09

【中文标题】fullcalendar 不是函数

【英文标题】：fullcalendar is not a function

【发布时间】：2015-07-04 06:14:49

【问题描述】：

我在主页中实现了 fullcalender，但它似乎没有加载。 在控制台中，我收到以下错误：

未捕获的类型错误：$(...).fullCalendar 不是函数（匿名 函数）@team.php:69n.Callbacks.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>

我在另一个页面上使用了代码，它就像一个魅力，不幸的是它在这个页面上不起作用，而且我似乎无法解决这个错误。

【问题讨论】：

jQuery 只能在页面中加载一次...并且之前任何插件或依赖代码

所以我删除了这个： 但这仍然不能解决问题，我' m 现在只加载一次 jquery...

并且它在插件文件前面的页面中？

FullCalendar TypeError: $(...).fullCalendar is not a function的可能重复

【参考方案1】：

所以，我确实包含了 2 次 jquery 链接...

它隐藏在页脚中，我不知道它是如何结束的，但是当我将其删除时，它完全解决了问题！

感谢 charlietfl 和 Rafael Cardoso 帮助我。

【讨论】：

我引用了两次 jquery，删除了第二次，现在它可以工作了，谢谢

【参考方案2】：

尝试将这些添加到您的标题中

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

【讨论】：

我尝试在标题中包含脚本，但这并没有解决问题，仍然得到同样的错误。

您在标题中包含两个 Jqueries.js。只包括最新的

【参考方案3】：

另外，我发现 fullCalendar 必须是最后一个加载的。