jQuery FullCalendar ne rend pas

J'ai un travail fullcalendar sur mon site, cependant, le calendrier, le tableau ne montre pas jusqu'à ce que vous modifiez le mois et l'année ou sélectionnez "aujourd'hui".

Si je regarde le rendu de la source, je vois que la div autour de la table est vide jusqu'à ce que j'appuie sur un bouton.

<div style="position: absolute; -moz-user-select: none;" class="fc-view fc-view-month fc-grid" unselectable="on"></div>

Quelqu'un a une idée pourquoi ce qui se passe?

source d'informationauteur ksumarine

  1. 32

    Avez-vous de ce calendrier dans un onglet ou une fenêtre de dialogue, ce qui est caché de la vue à la première?

    Si oui, vous avez besoin de faire explicitement référence à la fullCalendar lorsque ce contrôle est actif.

    Disons que vous êtes à l'aide de jQuery UI Tabs widget et ont la FullCalendar dans le 2ème onglet (qui est caché de la vue jusqu'à la 2ème onglet est sélectionné). Dans ce cas, vous pourriez faire quelque chose comme ceci:

    $('#tabs').tabs({
    show: function(event, ui) {
        $('#calendar').fullCalendar('render');
    }
});

    Cela permet de s'assurer que le calendrier est rendu lorsque l'onglet est affiché. Espérons que cette aide!