2016-11-23 2 views
0

Ich habe einen FullCalendar, mit dynamischen Daten, die mit einer externen JSON-Datei geladen wird, um in einem versteckten Div (ein div in einem Modal) gerendert werden. Nach dem Dokument bereit, werden geladen i FC mit:FullCalendar in versteckten div

$("#calendar").fullCalendar({ 
    lazyFetching: false, 
    defaultDate: '$hoje', 
    events: 'events.json' 
}); 

Wenn ich die modal öffnen, ich habe "Today" gerade und Navigationstasten - ohne Daten. Erst nachdem ich auf "Heute" geklickt habe, wird mein Kalender gerendert. Gibt es etwas, das ich vergessen habe?

Die JSON-Datei:

[{ 
    "title": "Title", 
    "color": "#3c8dbc", 
    "start": "2016-10-17" 
}, { 
    "title": "Title", 
    "color": "#3c8dbc", 
    "start": "2016-10-18" 
}] 
+0

Können wir den Code sehen, wo Sie die Daten aus der JSON-Datei kommenden laden? – ggderas

+0

Ich habe mit JSON-Datei bearbeitet. Aber nachdem Sie auf "Heute" geklickt haben, ist alles in Ordnung und FC wird normal angezeigt. –

Antwort

1

Nach einem Grund suchen, habe ich gefunden, dass aufgrund Kalender versteckt ist, wird die „Render“ nicht richtig funktionierte.

es zu beheben, habe ich eine Funktion auf modal geöffnet Rückruf hinzugefügt:

$("#myModal").on('show.bs.modal',function(){ 
    setTimeout(function(){$("#calendar").fullCalendar('render')}, 300); 
}); 
Verwandte Themen