Question

我正在初始化file1.js

中的默认FullCalendar设置

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

现在我想在callback中添加eventAfterAllRender file2.js用于自定义目的（假设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

FullCalendar：在辅助JS文件中指定额外的回调

1 个答案: