0

我正在尝试设置带有日历的页面,我的问题是我不确定如何组织包含内容,以免出现错误,这是我的<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,如您所见,所以不确定为什么会出现该错误。

谢谢你,我非常感谢你的帮助。

4

1 回答 1

1

代码似乎没问题。唯一的问题我认为您对 jquery 库的引用不正确。查看源代码并单击包含行的 jquery 库以测试路径是否正常。将这些 php 文件保存jquery-1.8.1.min.js在同一文件夹中,或使用任何 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>

希望能帮助到你 !!

于 2012-10-07T00:23:50.613 回答