div标签内的JQuery Full Calendar在触发日历点击事件之前不显示答案

【问题标题】：JQuery Full Calendar inside div tag not showing until calendar click event is triggereddiv标签内的JQuery Full Calendar在触发日历点击事件之前不显示
【发布时间】：2015-03-23 06:18:36
【问题描述】：

我有一个页面，它在 div 标签内显示不同的部分（图像、日历、信息等）。 div 标签被隐藏和显示取决于在页面左侧单击的导航链接。当我进入页面时，日历 div 被隐藏，然后我单击日历链接以显示日历，页面出现但日历不存在，日历按钮可见但没有日历。一旦我单击日历按钮，就会出现日历。下面贴出图片。当日历 div 标签被选中并隐藏所有其他 div 并显示日历 div 时，我是否需要刷新页面/调整大小或其他内容？

这里的第一张是我第一次进入页面的时候，第二张是我点击月份按钮之后的。

这是包含日历代码的 div

<div id="eventcalendar">
    <div id='calendar' style="width:65%"></div>
</div>

这是在单击导航链接时隐藏/显示日历 div 的代码。

$("#calendarlink").click(function() {
    $("#eventcalendar").show();
    $("#images").hide();
    $("#listing").hide();
    $("#overview").hide();
    $("#details").hide();
    $("#address").hide();
    $("#map").hide();
    $('#calendar').fullCalendar('refresh'); //these don't show calendar
    $('#calendar').fullCalendar('rerenderEvents'); //these don't show calendar
});

这是呈现日历的代码（在 $(document).ready(function () {}) 中

$('#calendar').fullCalendar({
    header: {
        left: 'prev,next today',
        center: 'title',
        right: 'month,agendaWeek,agendaDay'
    },
    defaultView: 'agendaDay',
    editable: true,
    allDaySlot: false,
    selectable: true,
    slotMinutes: 15
});

注意：如果我在第一次打开页面时显示日历，则显示日历。显示在这里。

$(document).ready(function () {
$("#overview").show();
$("#details").hide();
$("#listing").hide();
$("#address").hide();
$("#map").hide();
$("#images").hide();
$("#eventcalendar").show();

【问题讨论】：

在隐藏之前尝试激活日历
是的，这行得通！但为什么？？？我还在激活它，对吧？
像日历这样的一些元素不喜欢在隐藏的 div 上激活...最好在普通 div 上激活它们然后隐藏它们;)

标签： javascript jquery html fullcalendar

【解决方案1】：

重新排列您的功能，以便在非隐藏 div 上激活日历，然后将其隐藏。

像日历这样的一些元素不喜欢在隐藏的 div 上激活...最好在普通 div 上激活它们然后隐藏它们；）

【讨论】：