TypeError:t(..）.on不是fullcalendar上的函数

TypeError: t(...).on is not a function on fullcalendar

本文关键字：fullcalendar 函数 不是 on TypeError      更新时间：2023-09-26

fullcalendar抛出错误：

TypeError:t（…）.on不是函数fullcalendar。min.js:8:1264

这是我的脚本/css包括：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment.min.js"></script>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.3.1/fullcalendar.min.js"></script>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<link href="http://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.3.1/fullcalendar.min.css" rel="stylesheet" type="text/css"/>
<link href="http://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.3.1/fullcalendar.print.css " rel="stylesheet" type="text/css"/>

这是我想使用完整日历的页面：

<script>
   $(document).ready(function() {
        // page is now ready, initialize the calendar...
        $('#calendar').fullCalendar({
            // put your options and callbacks here
        })
    });
</script>

非常基本，我只是使用了文档页面中的代码。所以我的猜测是我在标签上做错了什么。

编辑：我已更改为使用完整日历的非缩小版。错误消息更改为：

TypeError:$（…）.on不是函数fullcalendar。js:6912:2

当我点击该错误时，它显示：

$(document).on('mousedown', this.documentMousedownProxy);

在功能中：

bindGlobalHandlers: function() {
    $(document).on('mousedown', this.documentMousedownProxy);
},

Kevin B的评论就是解决方案。我不得不升级我的jquery版本。

我将jquery脚本更改为<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>，它就可以工作了。

相关文章：