页面加载时未显示的事件

Question

I'm using Fullcalendar called via json and something really weird is happening and this is killing me! Can't find a workaround for it.

I have my calender under a tab. When I click on that tab, the calendar grid shows up, but with no events. If I hit the calendar Next Month and then back to Previous Month, the events all display properly!

If I navigate to another page and then come back to the calendar page, the same thing happens. Have to go next and previous for the events to load.

This is how I am calling the calendar:

$(document).ready(function() {
    $('#calendar').fullCalendar({
        editable: false,
        events: "../events_calendar.php",
        loading: function(bool) {
            if (bool) $('#loading').show();
            else $('#loading').hide();
        }
    }); });

Any ideas here??

Thanks.

Answer 1

There could be an issue with the calender being hidden when the page loads.

So you can try to rerender the event http://arshaw.com/fullcalendar/docs/event_rendering/rerenderEvents/

.fullCalendar( 'rerenderEvents' )

or

To make certain the events are ok you should wire in a refetchEvent http://arshaw.com/fullcalendar/docs/event_data/refetchEvents/

.fullCalendar( 'refetchEvents' )

Both those events should be called when the calendar shows and is ready for example.. not before as it could have the same problem.

and

I think there was an issue with this somewhere already-- but it could have been solved in the newest version. But i cannot find it now. Try and search the bugs at support

http://code.google.com/p/fullcalendar/issues/list?can=1&q=

Other than that you will have to try and tweak the way the calendar loads etc...