Не удается загрузить несколько полных календарей на вкладках jquery - загружает все на первой вкладке

Question

Я пытаюсь сделать две вещи:

1. Создайте несколько экземпляров Fullcalendar, отображающих разные источники событий - похоже, это работает при штабелировании на странице.

2. Мне нужно, чтобы каждый экземпляр Fullcalendar отображался на другой вкладке jquery. У меня правильный код табуляции и работает, но по какой-то причине все календари загружаются на 1-й вкладке, хотя я указываю, что каждый Fullcalendar должен находиться на отдельной вкладке.

Идеи

Answer 1

Я использую что-то похожее на код ниже.Отлично работает с вкладками jquery ui.Я использую JSON для своих источников событий, но вы можете добавить любой нужный вам источник событий и т. Д.

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

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

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