javascript - FullCalendar dayClick js事件没有分离

Question

我的网页中有一个完整的日历。日历有事件。在 dayClick 事件处理程序上，我正在调用一个函数。

问题是第 1 次单击日期框时函数被调用 1 次。第 2 次函数被调用 2 次，第 3 次 3 次......等等。

我猜问题是当天的点击事件没有分离。但我无法解决它。

代码:

$('#calendar').fullCalendar({
    header: {
        left: 'prev,next today',
        center: 'title',
        right: 'month,agendaWeek,agendaDay'
    },
    eventLimit: true,
    defaultView: 'month',
    editable: false,
    eventClick: function (event) {
        if (event.url) {
            window.open(baseUrl + event.url);
            return false;
        }
    },
    dayClick: function (date, allDay, jsEvent, view) {
        var dateString = '';
        dateString = moment(date, 'YYYY-MM-DD').format().split('T')[0];
        $('#popup').modal('toggle');
        $('#popup').on('shown.bs.modal', function () {
        AsyncFn().done(function (result) {
            AnotherAsyncFn(function () {
                SomeFunction();  //This function gets called multiple times                                           
                });
            });                   
        });                        
    }
}); 

我不确定如何分离此事件。可能是通过使用 off 或 unbind，但不知 Prop 体如何。任何人都可以提供一些帮助吗？

Answer 1

你应该使用off方法。

$('#popup').on('shown.bs.modal', function () {
    $('#popup').off('shown.bs.modal');
    AsyncFn().done(function (result) {
        AnotherAsyncFn(function () {
            SomeFunction();  //This function gets called multiple times                                           
        });
    });                   
});