为什么此代码要求我点击两次以显示日历？

Question

我在真正绝望地试图解决它之后发布了这个问题。 我必须在日历显示之前单击链接两次。

有没有人知道我的编码错误。？谢谢你 建议。

calendar.php在其document.ready函数中包含以下内容：

---------------calendar.php------------------
    <script type='text/javascript'>

        $(document).ready(function() {

            $('#calendar').fullCalendar({
                header: {
                    left: 'prev,next today',
                    center: 'title',
                    right: 'month,agendaWeek,agendaDay'
                }

            });

        });

    </script>

以下是calendar.php中的css：

    <style type='text/css'>
        #calendar {
            width: 950px;
            margin: 0 auto;
            }
    </style>

---------------------------------------------

这是menu.js中的代码，它使用AJAX加载函数将日历加载到内容Div：

-------------menu.js------------------
$(document).ready(function(){
        sections.click(function(){

        switch(this.id){
        case "classes":
            content.load("classcal.php", function(responseText){
                loadjscssfile('../fullcalendar/fullcalendar.css', "css");
                loadjscssfile('jquery-1.6.1',"js"); 
                loadjscssfile('../jquery/jquery-ui-1.8.11.custom.min.js',"js");
                loadjscssfile('../fullcalendar/fullcalendar.min.js',"js");
            });
            break;
        ...
        ...
        }//switch

        });
});
-----------------------------------------------