javascript - fullcalendar eventmouseover 没有反应
问题描述
在我的 FullCalendar 中,我配置了 2 个简单的侦听器:eventMouseover 和 eventClick。eventClick 工作正常。eventMouseover 不起作用。任何反应。不会触发任何警报,控制台日志上也不会出现任何内容。全日历 4.0.2;jQuery 3.3.1;引导程序 4.3.1;
我尝试了不同的网络浏览器,但没有结果。
新测试:我做了一个更简单的测试。我只使用了旧版本 3.10 和当前版本 4.0.2 提供的 fullcalendar zip 文件 ( https://github.com/fullcalendar/fullcalendar/releases )。在目录中的一个演示 html 文件中,我添加了我的 2 个侦听器(eventClick 和 eventMouseover),就像上面的代码一样。每个侦听器都创建一个简单的 console.log()。对于 3.10 版:2 个侦听器工作正常。对于 4.0.2 版:eventClick 工作正常,而 eventMouseover 不工作。
document.addEventListener('DOMContentLoaded', function () {
var calendarEl = document.getElementById('calendar');
var calendar = new FullCalendar.Calendar(calendarEl, {
plugins: ['interaction', 'dayGrid', 'timeGrid', 'list'],
locale: 'fr',
header: {
left: 'prev,next today',
center: 'title',
right: 'dayGridMonth,timeGridWeek,timeGridDay,listWeek'
},
defaultDate: '2019-04-12',
navLinks: true, // can click day/week names to navigate views
weekNumbers: true,
weekNumbersWithinDays: true,
weekNumberCalculation: 'ISO',
editable: true,
eventLimit: true, // allow "more" link when too many events
events: [
{
id: 1,
title: 'All Day Event',
start: '2019-04-01'
},
{
id: 2,
title: 'Long Event',
start: '2019-04-07',
end: '2019-04-10',
textColor: 'orange'
},
{
id: 11,
title: 'Dinner 2',
start: '2019-04-12T22:00:00'
},
{
id: 16,
title: 'Grand ménage',
start: '2019-04-18',
end: '2019-04-20'
}
],
eventClick: function (event_data) {
console.log('Clic');
alert('Clic: ' + event_data.event.id);
},
eventMouseover: function (event_data) {
console.log('Mouse over.');
alert('Mouse over.');
}
});
calendar.render();
});
解决方案
已解决:使用 Fullcalandar v4,不再有 eventMouseover。它被 2 个新的侦听器所取代:eventMouseEnter 和 eventMouseLeave 可以正常工作。
推荐阅读
- c++ - 如何显式调用好友流运营商?
- twig - 树枝文件中的 jQuery QueryBuilder doT.js 模板语法
- shell - 如何使用 bean shell 预处理器提供多个文件夹以使用 jmter 线程读取文件
- nginx - 数字海洋上的 NGINX 配置(后备)
- javascript - 淘汰赛:如何根据某些条件更改同一模型的数据
- ios - 我的应用程序在 xcode 中崩溃,但没有针对此异常的堆栈跟踪
- python - 使用 SWIG 构建错误
- python - 检查时间序列数据中的缺失值
- php - 如何通过 autoload.php 使用 Composer 安装的类?
- google-bigquery - google bigquery 中的提取工作人员是否按照 FIFO 模式将数据保存到列式存储中?