Блог

В моем FullCalendar я настроил 2 простых прослушивателя: eventMouseover и eventClick. eventClick работает нормально. eventMouseover не работает. Любая реакция. Предупреждение не срабатывает, и в журнале консоли ничего не отображается. Полный календарь 4.0.2; jQuery 3.3.1; Bootstrap 4.3.1;

Я пробовал использовать разные веб-браузеры, но безрезультатно.

Новый тест: я сделал еще более простой тест. Я использовал только предоставленный zip-файл fullcalandar (https://github.com/fullcalendar/fullcalendar/releases ) для старой версии 3.10 и текущей версии 4.0.2. В одном из демонстрационных 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 больше нет перебора событий. Он заменен 2 новыми прослушивателями: eventMouseEnter и eventMouseLeave, которые отлично работают.