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

Question

我正在使用自己的自定义函数来填充事件:

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

我碰巧使用 jQuery 选项卡插件将日历作为我的选项卡之一(选项卡由 $('#tabs').tabs(); 创建)。

设置有效，除了我发现当我最初加载页面时，日历确实发出异步请求(我在 Firebug 中看到它)，但如果我切换到显示日历的选项卡，它将是空白的(界面很好，但没有事件)。如果我移至下个月并再次返回，它会很好地显示数据。另外，如果我在第一个选项卡上制作日历，那么它就可以正常工作!所以看起来只是初始请求没有渲染事件，可能是因为选项卡在加载时是隐藏的。

如果我加载页面，转到日历选项卡(不显示任何事件)，我碰巧手动调用

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

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

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

似乎一个选择可能是绑定(bind)

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

直到选项卡的显示事件，但这有点困惑。

有什么建议吗？

-布莱恩

Answer 1

您应该将 render 调用放在选项卡的 show 事件中。这就是它的建议:http://arshaw.com/fullcalendar/docs/display/render/