Javascript 页面加载时未初始化FullCalendar

我正在尝试使用FullCalendar，但在按下“今天”、“星期”或“日期”按钮之前，它没有初始化。我曾尝试设置det defaultView参数，但没有做任何不同

<script type='text/javascript'>

    $(document).ready(function () {


        /* initialize the external events
        -----------------------------------------------------------------*/

        $('#external-events div.external-event').each(function () {

            // create an Event Object (http://arshaw.com/fullcalendar/docs/event_data/Event_Object/)
            // it doesn't need to have a start or end
            var eventObject = {
                title: $.trim($(this).text()) // use the element's text as the event title
            };

            // store the Event Object in the DOM element so we can get to it later
            $(this).data('eventObject', eventObject);

            // make the event draggable using jQuery UI
            $(this).draggable({
                zIndex: 999,
                revert: true,      // will cause the event to go back to its
                revertDuration: 0  //  original position after the drag
            });

        });


        /* initialize the calendar
        -----------------------------------------------------------------*/

        $('#calendar').fullCalendar({
            header: {
                left: 'prev,next today',
                center: 'title',
                right: 'agendaWeek,agendaDay',
                height: 650
            },
            editable: true,
            defaultView: 'basicWeek',
            droppable: true, // this allows things to be dropped onto the calendar !!!
            drop: function (date, allDay) { // this function is called when something is dropped

                // retrieve the dropped element's stored Event Object
                var originalEventObject = $(this).data('eventObject');

                // we need to copy it, so that multiple events don't have a reference to the same object
                var copiedEventObject = $.extend({}, originalEventObject);

                // assign it the date that was reported
                copiedEventObject.start = date;
                copiedEventObject.allDay = allDay;

                // render the event on the calendar
                // the last `true` argument determines if the event "sticks" (http://arshaw.com/fullcalendar/docs/event_rendering/renderEvent/)
                $('#calendar').fullCalendar('renderEvent', copiedEventObject, true);

                // is the "remove after drop" checkbox checked?
                if ($('#drop-remove').is(':checked')) {
                    // if so, remove the element from the "Draggable Events" list
                    $(this).remove();
                }

            }
        });
    });

</script>

$（文档）.ready（函数（）{
/*初始化外部事件
-----------------------------------------------------------------*/
$（'#外部事件div.external-event'）。每个（函数（）{
//创建一个事件对象(http://arshaw.com/fullcalendar/docs/event_data/Event_Object/)
//它不需要有开始或结束
var eventObject={
title:$.trim（$（this）.text（））//使用元素的文本作为事件标题
};
//将事件对象存储在DOM元素中，以便我们以后可以访问它
$（this）.data（'eventObject'，eventObject）；
//使用jQuery UI使事件可拖动
$（此）。可拖动({
zIndex:999，
revert:true，//将导致事件返回其初始状态
revertDuration:0//拖动后的原始位置
});
});
/*初始化日历
-----------------------------------------------------------------*/
$（“#日历”）.fullCalendar({
标题：{
左：“上一个，下一个今天”，
中心：'标题'，
右图：“agendaWeek，agendaDay”，
身高：650
},
是的，
defaultView:'basicWeek'，
可拖放：true，//这允许将内容拖放到日历上！！！
drop:function（date，allDay）{//在删除某些内容时调用此函数
//检索已删除元素的存储事件对象
var originalEventObject=$（this.data（'eventObject'）；
//我们需要复制它，这样多个事件就不会引用同一个对象
var copiedEventObject=$.extend（{}，originalEventObject）；
//将其指定为报告的日期
copiedEventObject.start=日期；
copiedEventObject.allDay=全天；
//在日历上呈现事件
//最后一个'true'参数确定事件是否“持续”(http://arshaw.com/fullcalendar/docs/event_rendering/renderEvent/)
$（“#calendar”）.fullCalendar（'renderEvent'，copiedEventObject，true）；
//是否选中了“删除后删除”复选框？
如果（$（'#drop remove'）。是（':checked'））{
//如果是，请从“可拖动事件”列表中删除该元素
$（this.remove（）；
}
}
});
});

---

日历在一个

中，我找到了一个解决方案。初始化日历后，我调用此函数

$('#tabs').tabs({
    show: function (event, ui) {
        $('#calendar').fullCalendar('render');
    }
});