jQuery选项卡中的FullCalendar最初不通过ajax加载

Posted 2021-04-07

我使用自己的自定义函数来填充事件：

$('#calendar').fullCalendar({
  events:getCalendarData
});

我碰巧使用jQuery选项卡插件将日历作为我的标签之一（标签由$（'＃tabs'）创建。tabs（）;）。

设置工作，除了我发现当我最初加载页面时，日历确实发出异步请求（我在Firebug中看到它），但如果我切换到显示日历的选项卡，它将是空白（界面很好，但没有事件）。如果我移动到下个月再返回，它将显示数据正常。此外，如果我在FIRST选项卡上制作日历，那么它工作正常！因此，似乎只是初始请求不是渲染事件，可能是因为选项卡在加载时是隐藏的。

如果我加载页面，请转到日历选项卡（显示没有事件），我碰巧手动调用

$('#calendar').fullCalendar( 'render' ); 

然后它会加载事件。我已经尝试在调用fullCalendar回调之后放置渲染调用，但没有骰子。

callback(events);
$('#calendar').fullCalendar( 'render' );

似乎一个选项可能是绑定

$('#calendar').fullCalendar( 'render' );

直到标签的节目事件，但那时有点凌乱。

有什么建议？

布赖恩

答案

你应该把render调用放在标签的show事件中。这就是它在这里建议的：http://arshaw.com/fullcalendar/docs/display/render/