在我的FullCalendar中,我配置了2个简单的侦听器:eventMouseover和eventClick。 eventClick工作正常。 eventMouseover不起作用。任何反应。没有触发警报,控制台日志中没有任何内容。 Fullcalendar 4.0.2; JQuery 3.3.1; Bootstrap 4.3.1;
我尝试过使用不同的Web浏览器但没有结果。
新测试:我做了一个更简单的测试。我只使用旧版本3.10和当前版本4.0.2提供的fullcalandar zip文件(https://github.com/fullcalendar/fullcalendar/releases)。在目录中的一个demo 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工作正常。