【问题标题】:fullcalendar is not a functionfullcalendar 不是函数
【发布时间】: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 html jquery-plugins fullcalendar


【解决方案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 必须是最后一个加载的。

【讨论】:

    猜你喜欢
    • 2017-08-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-12-19
    • 2017-10-07
    • 1970-01-01
    • 2017-05-15
    相关资源
    最近更新 更多