Revision history [back]

The correct way to load the jQuery FullCalendar plugin in a div that is not visible is to first load the plugin and then initialize the calendar in the hidden div with the necessary options. Here's an example:

1. Load the FullCalendar plugin:

<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.10.2/fullcalendar.min.js"></script>

1. Initialize the calendar in the hidden div with the necessary options:

$("#calendar").fullCalendar({
  // options here
});

Note that for the calendar to function properly, it may be necessary to set the width and height of the hidden div to a specific value, even if it is not visible. This can be done with CSS:

#calendar {
  display: none;
  width: 700px;
  height: 500px;
}