jQuery fullCalendar - 日历未在标签中加载时显示

Question

我正在使用jQuery fullCalendar来显示日历。我也在使用jQuery tabs来设置多个标签。

我想在第一个标签中显示callendar。这就是我在jQuery代码中的内容：

$(document).ready(function(){
    $("#reservatiestabs").tabs();

    if($('#calendar').length) {
        var dbEvents = <?php echo $events; ?>;
        var calEvents = getEvents(dbEvents);
        var calendar = $('#calendar').fullCalendar({
            left: 'title',
            center: '',
            right: 'prev,next',
            weekends: false,
            defaultView: 'month',
            defaultDate: moment(),
            events: calEvents,
            eventClick: function(calEvent, jsEvent, view) {
                displayEvent(calEvent, calendar);
            }
        });
    }
});

问题是加载页面时未加载我的日历。按钮已加载但不是日历。

我该如何解决这个问题？

更新

我尝试过如下操作：

$(document).ready(function(){
    $( "#reservatiestabs" ).tabs({ create: function( event, ui ) {
        var dbEvents = <?php echo $events; ?>;
        var calEvents = getEvents(dbEvents);
        var calendar = $('#calendar').fullCalendar({
            left: 'title',
            center: '',
            right: 'prev,next',
            weekends: false,
            weekNumbers: true,
            weekNumberCalculation: "ISO",
            defaultView: 'month',
            defaultDate: moment(),
            events: calEvents,
            eventClick: function(calEvent, jsEvent, view) {
                displayEvent(calEvent, calendar);
            }
        });
    }});

});

但没有区别......