FullCalendar.js：事件回调没有针对已resize/单击/删除的已添加事件触发？

添加事件然后再次更改后，没有任何反应， // * no callback 。 我甚至使用了fullCalendar('refetchEvents')仍然没有运气。 我错过了什么吗？ 这是代码：

 $('#calendar').fullCalendar({ header: { left: 'prev,next today', center: 'title', right: 'agendaWeek' }, defaultDate: '2015-04-20', editable: false, eventLimit: true, firstDay: 1, defaultView: 'agendaWeek', timeFormat: 'HH:mm', lang: 'de', columnFormat: 'dddd DM', allDaySlot: false, slotDuration: '00:30:00', // default is 30 min minTime: '12:00:00', // maxTime: '23:00:00', contentHeight: 600, events: [ { title: '', start: '2014-09-01T18:00:00', end: '2014-09-01T20:00:00', dow: [1], // repeat same weekday rendering: 'background', color: '#6BA5C2' }, { title: '', start: '2014-09-02T20:00:00', end: '2014-09-02T22:00:00', dow: [2], // repeat same weekday rendering: 'background', color: '#6BA5C2' }, { title: 'Event', start: '2015-04-24 13:00:00', end: '2015-04-24 14:00:00', color: '#F77' }, ], // * no callback viewDisplay: function (element) { alert(element); }, // adding an event selectable: true, selectHelper: true, select: function(start, end) { var title = prompt('Deine E-Mail:'); var eventData; if(title) { eventData = { title: title, start: start, end: end, color: '#00AA00', editable: true, eventDurationEditable: true, // * no callback eventResizeStop: function(event, jsEvent, ui, view) { alert('end'); }, // * no callback eventClick: function(calEvent, jsEvent, view) { alert('clicked'); }, // * no callback eventDrop: function(event, delta, revertFunc, jsEvent, ui, view) { alert('dropped'); }, // * no callback eventResize: function(event, delta, revertFunc, jsEvent, ui, view) { alert(event.title + ' end is now ' + event.end.format()); }, }; $('#calendar').fullCalendar('renderEvent', eventData, true); // stick = true $('#calendar').fullCalendar('refetchEvents'); // not helping either $('#calendar').fullCalendar('rerenderEvents'); } $('#calendar').fullCalendar('unselect'); }, }); 

可见certificate：

Answer 1

那些回调不是事件的属性。 它们是顶级的fullcalendar选项。 文档的每个部分代表一个FC顶级选项。 某些选项也可以特定于某些事件，但在文档中也会提到它们。 例如，如果查看事件对象，则会看到没有eventResize属性。

所以解决方法是将回调移到顶层：

 $('#calendar').fullCalendar({ /*...other options*/ eventResizeStop: function (event, jsEvent, ui, view) { alert('end'); }, // * no callback eventClick: function (calEvent, jsEvent, view) { alert('clicked'); }, // * no callback eventDrop: function (event, delta, revertFunc, jsEvent, ui, view) { alert('dropped'); }, // * no callback eventResize: function (event, delta, revertFunc, jsEvent, ui, view) { alert(event.title + ' end is now ' + event.end.format()); }, events: [{ title: '', /*... etc*/ 

这是一个JSFiddle与它一起工作。