How do I properly load the jQuery fullcalendar plugin in a hidden div

Posted by Jens Alm on Stack Overflow See other posts from Stack Overflow or by Jens Alm
Published on 2010-10-29T09:49:20Z Indexed on 2012/10/27 17:01 UTC
Read the original article Hit count: 332

Filed under:
|

I'm using the jQuery tools tabs to divide my page into tabs. One of those tabs contain a jQuery Fullcalendar. Because I load JavaScript last in the page for speed and to avoid flash of unstyled content, I hide the initially unseen tabs using display:none. When doing this, the fullcalendar doesn't render properly. It shows the proper buttons, but until I press the today-button, no calendar is shown. If I allow it to render into a visible div, it displays properly.

I can work around this using the tab-select events to render the calendar or by moving the calendar and tab scripts to the head, but I'd rather if there was a more proper solution.

© Stack Overflow or respective owner

Related posts about jQuery

Related posts about fullcalendar