如何在隐藏的div中正确加载jQuery完整日历插件
如何在隐藏的div中正确加载jQuery完整日历插件
提问于 2010-10-29 17:49:20
我正在使用jQuery tools选项卡将我的页面划分为多个选项卡。其中一个选项卡包含jQuery全日程表。因为为了加快速度和避免无样式内容的闪烁，我在页面的最后加载了JavaScript，所以我使用display:none隐藏了最初看不到的选项卡。执行此操作时，完整日历无法正确呈现。它显示了正确的按钮，但直到我按下today-按钮，才会显示日历。如果我允许它渲染到一个可见的div中，它就能正常显示。
我可以使用tab-select events来呈现日历，或者通过将日历和tab脚本移动到头部来解决这个问题，但如果有更合适的解决方案，我会更愿意。
回答 8
Stack Overflow用户
回答已采纳
发布于 2010-12-02 02:47:17
你需要做的是在点击链接后加载数据，不是完全确定，但我认为问题是在加载数据后高度设置不正确，所以它只显示顶部。
我所做的一切都是为了我自己。
$(document).ready(function() {
$("#calendareventlink").click ( function(){
loadCalendar();
});
});
function loadCalendar(){
//Do your data loading here
}
<a href="" id="calendareventlink">View Calendar</a>Stack Overflow用户
发布于 2018-01-10 13:09:21
我知道这个问题很古老，但它是我在为同样的问题寻找解决方案时最先提出的。由于某些原因，the proposed solution with render在某些特定情况下不起作用(如果非活动选项卡中加载了日历条目)，所以我不得不使用refetchEvents。
代码如下：
$('#calendar').fullCalendar('render');
$('#calendar').fullCalendar('refetchEvents');Stack Overflow用户
发布于 2012-02-02 05:05:24
当您单击选项卡时，调用类似如下的内容：
$('#calendar').fullCalendar('render'); // Force the calendar to render页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/4050750
复制相关文章
相似问题
腾讯云开发者
