Laden mehrere Fullcalendars in jquery Tabs versagt - lädt alle in der 1. Reiter

Question

ich zwei Dinge zu tun, bin versucht:

1. mehrere Instanzen eines Fullcalendar verschiedenen Ereignisquellen Anzeige erstellen - dies scheint zu funktionieren, wenn sie gestapelt auf eine Seite.

2. Ich brauche jede Vollkalender-Instanz, die in einer anderen jquery-Registerkarte angezeigt wird. Ich habe den Tab-Code korrekt und funktioniert, aber aus irgendeinem Grund werden alle Kalender innerhalb der 1. Registerkarte geladen, obwohl ich jeden Vollkalender auf separaten Tab angeben.

Ideen?

Answer 1

Ich verwende etwas ähnliches wie der Code unten. Funktioniert gut mit jquery ui Tabs. Ich verwende JSON für meine Ereignisquellen, aber Sie können jede Ereignisquelle hinzufügen, die Sie benötigen, etc.

$('#tabs').tabs({ 
    show: function() { 
    $('#calendar1').fullCalendar('render'); 
    $('#calendar2').fullCalendar('render'); 
    } 
}); 

$('#calendar1').fullCalendar({ 
    eventSources: [ 
    "json_events1.php" 
    ] 
}); 

$('#calendar2').fullCalendar({ 
    eventSources: [ 
    "json_events2.php" 
    ] 
});