全日历事件鼠标无反应

时间:2019-04-24 13:44:02

标签: javascript fullcalendar fullcalendar-4

在我的FullCalendar中,我配置了2个简单的侦听器:eventMouseover和eventClick。 eventClick正常运行。 eventMouseover不起作用。任何反应。没有触发警报,并且控制台日志上没有任何内容。 全日历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)。 在目录中的一个演示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();
});

1 个答案:

答案 0 :(得分:0)

已解决:有了Fullcalandar v4,不再有eventMouseover。替换为2个新的侦听器:eventMouseEnter和eventMouseLeave可以正常工作。