[英]uncaught typeError: .fullCalendar() is not a function with fullCalendar v4
对于未捕获的类型错误,我已经浏览了以前的类似帖子,但所有这些帖子都引用了脚本加载的顺序。 由于我使用的是 wordpress,因此顺序如下:
wp_enqueue_script( 'google-jquery', 'https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js');
wp_enqueue_style('icons', 'https://i.icomoon.io/public/8f231b5d70/healthprofessionaltheme/style.css');
wp_enqueue_style('fonts', 'https://fonts.googleapis.com/css?family=Merriweather:700|Roboto:400,700&display=swap');
wp_enqueue_style('calendar-core-css', get_template_directory_uri() . '/assets/fullcalendar/packages/core/main.min.css');
wp_enqueue_script( 'calendar-core-js', get_template_directory_uri() . '/assets/fullcalendar/packages/core/main.min.js');
wp_enqueue_style('calendar-daygrid-css', get_template_directory_uri() . '/assets/fullcalendar/packages/daygrid/main.min.css');
wp_enqueue_script( 'calendar-daygrid-js', get_template_directory_uri() . '/assets/fullcalendar/packages/daygrid/main.min.js');
wp_enqueue_style('calendar-timegrid-css', get_template_directory_uri() . '/assets/fullcalendar/packages/timegrid/main.min.css');
wp_enqueue_script( 'calendar-timegrid-js', get_template_directory_uri() . '/assets/fullcalendar/packages/timegrid/main.min.js');
wp_enqueue_script( 'calendar-interaction', get_template_directory_uri() . '/assets/fullcalendar/packages/interaction/main.min.js');
wp_enqueue_style( 're_admin_core', get_template_directory_uri() . '/assets/stylesheets/admin_core.css');
首先加载日历 JS,然后是其他插件。
仅当我单击此函数中的事件时才会显示错误:
eventClick: function(info){
var event_id = info.event.id;
event_selected = event_id;
var similarEvents = info.event;
similarEvents.className = 'is_selected';
$("#calendar").fullCalendar('updateEvent', similarEvents); //The issue
}
我尝试删除 jQuery 行并将其替换为document.getElementById("calendar")
并且问题完全相同。 为什么会这样? 是因为我如何调用顶部的 fullCalendar 引用吗?
var calendarEl = document.getElementById('calendar');
var calendar = new FullCalendar.Calendar(calendarEl, {...});
我知道当我试图用$("#calendar").fullCalendar({..});
替换日历变量时$("#calendar").fullCalendar({..});
它在顶部抛出了完全相同的错误。 较新版本的 fullCalendar 是否已不再使用此功能?
好吧,我想通了。 尽管我很喜欢 fullCalendar,但他们最大的错误是将“文档更新”按钮设置得非常小,以至于我错过了它,这让我来到了这里。 这些文档非常重要,因为主站点尚未更新,但该页面已更新。
而不是像上面那样接近它,你必须在 eventClick 函数中这样做:
info.event.setProp('classNames', 'is_selected');
方法不同,但可以完成工作。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.