jquery - 如何在隐藏的 div 中正确加载 jQuery fullcalendar 插件

Question

我正在使用 jQuery 工具选项卡将页面划分为选项卡。这些选项卡之一包含 jQuery Fullcalendar。因为我在页面中最后加载 JavaScript 是为了提高速度并避免出现无样式内容，所以我使用 display:none 隐藏了最初看不见的选项卡。执行此操作时，完整日历无法正确呈现。它显示了正确的按钮，但在我按下“今天”按钮之前，不会显示日历。如果我允许它渲染到可见的 div 中，它就会正确显示。

我可以使用选项卡选择事件来呈现日历或通过将日历和选项卡脚本移动到头部来解决此问题，但我宁愿有更合适的解决方案。

Answer 1

当 div 隐藏时，fullCalendar 不知道它自己应该呈现什么大小，因此您只需在知道 div 可见后调用 render 函数即可 em>.

将其附加到演出事件或其他内容:

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