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

我正在使用jQuery工具标签将我的页面分成标签页.其中一个选项卡包含一个jQuery Fullcalendar.因为我加载JavaScript最后在页面中的速度,并避免闪烁的未分割的内容,我隐藏最初看不到的选项卡使用display：none.当这样做时,fullcalendar不能正常呈现.它显示正确的按钮,但直到我按下今天按钮,没有显示任何日历.如果我允许它渲染成可见的div,它会正常显示.

我可以使用选项卡选择事件来渲染日历,或者通过将日历和标签脚本移动到头上来解决这个问题,但是我宁愿如果有更合适的解决方案.

解决方法

您需要做的是在点击链接后加载数据,但不完全确定,但我认为问题是数据加载后高度设置不正确,因此仅显示顶部.

我做了什么,为我工作

$(document).ready(function() {
    $("#calendareventlink").click ( function(){
      loadCalendar();
    });
});
function loadCalendar(){
  //Do your data loading here
}

<a href="" id="calendareventlink">View Calendar</a>