在jquery选项卡中加载多个Fullcalendars失败 - 在1st选项卡中加载所有

Question

我正在尝试做两件事：

1. 创建显示不同事件源的Fullcalendar的多个实例 - 这似乎在堆叠在页面上时有效。

2. 我需要每个Fullcalendar实例出现在不同的jquery选项卡中。我的标签代码正确且有效但由于某种原因所有日历都在第一个标签中加载，即使我将每个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"
  ]
});