Календарь на странице загружается черным, но на следующий день я нажимаю

Question

У меня есть полный календарь, который загружается в div на веб-странице. когда страница загружается, у нее есть все кнопки, но нет сетки для отображения дней, просто нет места.

однако, если я нажму кнопку «Далее / Пред» или любую из кнопок, календарь будет отображаться правильно.

Я сегодня пытался специально загрузить:

$('#userboxCalendar').fullCalendar('today');

но это не работает :( Есть идеи?

Answer 1

Ваш javascript загружается перед сценарием css .... попробуйте переместить ваш сценарий внизу страницы и загрузите css вверх ... или сделайте его встроенным на странице .... также если вы используете ajax для загрузки div вы можете использовать callback done loading для повторного рендеринга, как указано здесь и выше. http://arshaw.com/fullcalendar/docs/display/render/

Я загрузил один в colorbox ... и использовал colorbox, завершив загрузку, и он прекрасно работает ... также работает при загрузке карт Google ... map.render или что-то в этом роде ...

Answer 2

Я не могу сказать, почему это происходит (возможно, из-за динамического изменения dom или css), но вы можете заставить календарь отображаться следующим способом:

http://arshaw.com/fullcalendar/docs/display/render/