javascript - FullCalendar dayClick 不执行任何操作

Question

我想将 dayClick 函数添加到我的 fullCalendar 中。

日历显示正确，但当我点击某一天时，没有任何反应。

这是我的代码:

var calendar;

$(document).ready(function(){
    app.init();

    calendar = $('#calendar').fullCalendar({
        defaultView: 'basicWeek',
        firstDay: 1,
        weekends: false,
        weekNumbers: true,
        header: {
            left: 'prev,next,today',
            center: 'title',
            right: 'basicWeek,basicDay'
        },
        dayClick: function(date, jsEvent, view){
            console.log("Test");
            alert('Clicked on: ' + date.format());

            alert('Coordinates: ' + jsEvent.pageX + ',' + jsEvent.pageY);

            alert('Current view: ' + view.name);
        }
    });

    app.radioButton();
});

其他命令(如firstDay、weekNumbers 等)工作正常，控制台中没有任何内容。

这是我的日历的屏幕截图，它看起来不正常:

fullCalendar screenshot

这里出了什么问题？

Answer 1

我建议注释掉大部分 JavaScript，直到只剩下完整的日历。然后看看是否有效。如果确实如此，请开始取消注释 JavaScript，直到看到错误发生的位置。

如果这不起作用，请尝试在服务器上设置一个仅包含完整日历的 html 文件。查看完整日历及其依赖项是否独立工作，或者您的版本是否已损坏，或者您的依赖项加载顺序不正确。