Jquery 使用ajax加载的FullCalendar不';Don’别把日历堆起来

Jquery 使用ajax加载的FullCalendar不';Don’别把日历堆起来,jquery,fullcalendar,Jquery,Fullcalendar,我在使用ajax加载的页面中使用FullCalendar插件。 加载页面时,我得到的只是标题按钮,但日历本身在我单击其中一个按钮(月/周/日)之前不会显示 这是我的代码: $('#calendar').fullCalendar({ header: { left: 'next,prev, today', center: 'title', right: 'month,basicWeek,basicDay'}, isRTL: true, height: 540, eve

我在使用ajax加载的页面中使用FullCalendar插件。 加载页面时,我得到的只是标题按钮,但日历本身在我单击其中一个按钮(月/周/日)之前不会显示

这是我的代码:

$('#calendar').fullCalendar({
    header: { left: 'next,prev, today', center: 'title', right: 'month,basicWeek,basicDay'},
    isRTL: true,
    height: 540,
    events: {
        url: "../practice/AjaxJson",
        cache: true
    },
    timeFormat: 'H(:mm)'
});     
如果我把这段代码放在一个函数中,并使用setTimeout调用它,设置为1500ms,它就可以工作了

有更好的解决办法吗

  • 只要试着在dom准备好后放入代码即可
  • 使用渲染器()
  • 确保未在隐藏元素上加载日历

  • 文档中有refetch功能。使用它,而不是将整个日历放入setTimeout循环中。这比我现在做的要好,但是没有办法避免使用setTimeout解决方案吗?除非您有触发器手动探测后端是否有更新,否则setTimeout是一个解决方案。但是我更喜欢手动的。至少您不必重新生成整个日历,也不必使用“refetch”调用refresh