After saving a dialog when creating a new event by clicking the day, I use the following code:
addEvent(calEvent); // save to database when creating an event
$dialogContent.dialog("close");
$('#calendar').fullCalendar('removeEventSource', source1);
$('#calendar').fullCalendar('removeEventSource', source2);
$('#calendar').fullCalendar('removeEventSource', source3);
$('#calendar').fullCalendar('removeEvents'); // to prevent duplicate events
var source1 =
{
url: '/admin_schedule/get_schedule_db/',
};
var source2 = {
url: '/admin_schedule/get_schedule_db_recurring_events/',
backgroundColor: 'green',
};
var source3 = {
url: '/admin_schedule/get_schedule_db_recurring_events_on_daysweek/',
backgroundColor: 'red',
};
$('#calendar').fullCalendar('addEventSource', source1);
$('#calendar').fullCalendar('addEventSource', source2);
$('#calendar').fullCalendar('addEventSource', source3);
$calendar.fullCalendar('updateEvent', calEvent);
$calendar.fullCalendar('rerenderEvents');
$('#calendar').fullCalendar('refetchEvents');
However, this does not refresh calendar events in Safari and Opera browsers. It works fine in Chrome and Firefox. What could be causing these issues?