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
jQuery
|fullcalendar
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