javascript - FullCalendar:在辅助 JS 文件中指定额外回调

Question

我正在 file1.js 中初始化我的默认 FullCalendar 设置

$(document).ready(function() {
  $('#calendar').fullCalendar({
    dayClick: function() {
      someFunction();
    },
    etc..
  })
});

现在我想在 file2.js 中添加特定的callback，例如 eventAfterAllRender 以便进行自定义(假设用户- eventAfterAllRender 上的具体操作因用户而异)。

$(document).ready(function() {
  $('#calendar').fullCalendar({
    eventAfterAllRender: function() {
      console.log('eventAfterAllRender');
    }
  })
});

有没有一种方法可以做到这一点，而不必将两个文件合并为一个文件？如果我将它保存在两个文件中并将其包含在一个页面中，它会在同一 div 中初始化两次。

Answer 1

我认为没有直接的方法可以做到这一点，但您可以使用自定义事件执行如下操作

$(document).ready(function () {
    $('#calendar').fullCalendar({
        dayClick: function () {
            someFunction();
        },
        eventAfterAllRender: function (e) {
            $('#calendar').trigger('fullcalendarallrender', e)
        }
    })
});

$(document).ready(function () {
    $('#calendar').on('fullcalendarallrender', function (e, view) {});
});

演示:Fiddle