jquery - Fullcalendar - 单击上一个和下一个按钮时会进行多次调用

Question

当单击下一个或上一个按钮时，它会进行多次调用，我单击这些按钮的次数与进行校准的次数一样多。下面是代码

    var sourceFullView = "@Url.Action("GetDiaryEvents","LeaveCalender")";
    var sourceSummaryView="@Url.Action("GetDiarySummary","LeaveCalender")";
    var CalLoading = true;$('#calendar').fullCalendar({
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,basicWeek,basicDay'
        },
        defaultView: 'month',
        events:"@Url.Action("GetDiaryEvents","LeaveCalender")",

        viewRender: function (view, element) {

            if (!CalLoading) {
                if (view.name == 'month') {
                    $('#calendar').fullCalendar('removeEvents');

                    $('#calendar').fullCalendar('removeEventSource', sourceFullView);
                    $('#calendar').fullCalendar('addEventSource', sourceSummaryView);
                }
                else {
                    $('#calendar').fullCalendar('removeEvents');
                    $('#calendar').fullCalendar('removeEventSource', sourceSummaryView);

                    $('#calendar').fullCalendar('addEventSource', sourceFullView);
                }
            }
        }

    });

    CalLoading = false;


});

请有人帮我找到解决方案

Answer 1

来自documentation ，关于viewRender:

This callback will get triggered when the user changes the view, or when any of the date navigation methods are called.

因此，您将在 View 的每次更改中删除和添加所有事件，包括单击上一个/下一个按钮。

通常，当您启动日历时，您的来源只需在开始时添加一次。

$('#calendar').fullCalendar({
     eventSources: [
        sourceFullView,
        sourceSummaryView
    ]
 });