Question

我正在尝试设置一个包含日历的页面，我的问题是我不知道如何组织包含以便我不会收到错误，这是我的<head>

<head runat="server">
    <title></title>
    <link href="~/Styles/Site.css" rel="stylesheet" type="text/css" />
    <link href="fullcalendar/fullcalendar.css" rel="stylesheet" type="text/css" />
    <script src="jquery/jquery-1.8.1.min.js" type="text/javascript"></script>
    <script src="fullcalendar/fullcalendar.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {

            // page is now ready, initialize the calendar...

            $('#calendar').fullCalendar({
                // put your options and callbacks here
            })

        });
    </script>
    <asp:ContentPlaceHolder ID="HeadContent" runat="server">
    </asp:ContentPlaceHolder>
</head>

当我的页面开始时，我收到一个错误，显示Microsoft JScript runtime error: '$' is undefined，它突出显示黄色的整个jquery（它是一个错误的弹出窗口）。我该怎么做才能避免错误？我正在注册jquery，所以不确定为什么会出现这个错误。

谢谢，我非常感谢您的帮助。

Answer 1

代码似乎没问题。只是问题我认为你对jquery库的引用是不对的。查看源代码并单击包含行的jquery库来测试路径是否正常。将jquery-1.8.1.min.js保留在这些php文件所在的文件夹中，或者使用任何CDN图像

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>

如果不起作用，请使用noConflict()进行修复：

   <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
   <script type="text/javascript">
        var temp = jQuery.noConflict();
        temp(document).ready(function () {

            // page is now ready, initialize the calendar...

            temp('#calendar').fullCalendar({
                // put your options and callbacks here
            })

        });
    </script>

希望它有所帮助!!

设置网站以使用fullcalendar

1 个答案: