首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何在隐藏的div中正确加载jQuery完整日历插件

如何在隐藏的div中正确加载jQuery完整日历插件
EN

Stack Overflow用户
提问于 2010-10-29 17:49:20
回答 8查看 15.5K关注 0票数 18

我正在使用jQuery tools选项卡将我的页面划分为多个选项卡。其中一个选项卡包含jQuery全日程表。因为为了加快速度和避免无样式内容的闪烁,我在页面的最后加载了JavaScript,所以我使用display:none隐藏了最初看不到的选项卡。执行此操作时,完整日历无法正确呈现。它显示了正确的按钮,但直到我按下today-按钮,才会显示日历。如果我允许它渲染到一个可见的div中,它就能正常显示。

我可以使用tab-select events来呈现日历,或者通过将日历和tab脚本移动到头部来解决这个问题,但如果有更合适的解决方案,我会更愿意。

EN

回答 8

Stack Overflow用户

回答已采纳

发布于 2010-12-02 02:47:17

你需要做的是在点击链接后加载数据,不是完全确定,但我认为问题是在加载数据后高度设置不正确,所以它只显示顶部。

我所做的一切都是为了我自己。

代码语言:javascript
复制
$(document).ready(function() {
    $("#calendareventlink").click ( function(){
      loadCalendar();
    });
});
function loadCalendar(){
  //Do your data loading here
}

<a href="" id="calendareventlink">View Calendar</a>
票数 10
EN

Stack Overflow用户

发布于 2018-01-10 13:09:21

我知道这个问题很古老,但它是我在为同样的问题寻找解决方案时最先提出的。由于某些原因,the proposed solution with render在某些特定情况下不起作用(如果非活动选项卡中加载了日历条目),所以我不得不使用refetchEvents

代码如下:

代码语言:javascript
复制
$('#calendar').fullCalendar('render');
$('#calendar').fullCalendar('refetchEvents');
票数 3
EN

Stack Overflow用户

发布于 2012-02-02 05:05:24

当您单击选项卡时,调用类似如下的内容:

代码语言:javascript
复制
$('#calendar').fullCalendar('render'); // Force the calendar to render
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/4050750

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档