CSS   发布时间:2022-04-17  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了如何在一个隐藏的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>

大佬总结

以上是大佬教程为你收集整理的如何在一个隐藏的div中正确加载jQuery fullcalendar插件全部内容,希望文章能够帮你解决如何在一个隐藏的div中正确加载jQuery fullcalendar插件所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。