设置网站以使用全日历

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

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

代码似乎没问题。唯一的问题是我认为您对 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>

希望有帮助！！

相关内容

最新更新

热门标签：