Javascript FullCalendar错误-Microsoft JScript运行时错误：对象不'；不支持此属性或方法_Javascript_Json_Asp.net Mvc 3_Fullcalendar

Javascript FullCalendar错误-Microsoft JScript运行时错误：对象不'；不支持此属性或方法

javascript json asp.net-mvc-3 fullcalendar

Javascript FullCalendar错误-Microsoft JScript运行时错误：对象不'；不支持此属性或方法,javascript,json,asp.net-mvc-3,fullcalendar,Javascript,Json,Asp.net Mvc 3,Fullcalendar,我尝试将FullCalendar作为试用版硬塞进starter ASP.NET MVC3网站，并收到错误消息“Microsoft JScript运行时错误：对象不支持此属性或方法”。生成网页的代码是 <!DOCTYPE html> <html> <head> <link rel='stylesheet' type='text/css' href='~/Content/fullcalendar.css' /> <link rel='styl

我尝试将FullCalendar作为试用版硬塞进starter ASP.NET MVC3网站，并收到错误消息“Microsoft JScript运行时错误：对象不支持此属性或方法”。生成网页的代码是

<!DOCTYPE html>
<html>
  <head>
<link rel='stylesheet' type='text/css' href='~/Content/fullcalendar.css' />
<link rel='stylesheet' type='text/css' href='~/Content/fullcalendar.print.css' media='print' />

<script type='text/javascript' src='~/Scripts/fullcalendar.js'></script>
<script type='text/javascript' src='~/Scripts/gcal.js'></script>
<style type='text/css'>

body {
    margin-top: 40px;
    text-align: center;
    font-size: 14px;
    font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
    }

#calendar {
    width: 725px;
    margin: 0 auto;
    }

</style>


<title>Event Calendar</title>

<link href="../Content/Site.css" rel="stylesheet" type="text/css" />
<script src="/Scripts/jquery-1.4.4.js" type="text/javascript"></script>
</head>

<body>
<div class="page">

    <div id="header">
        <div id="title">
            <h1>My MVC Application</h1>
        </div>

        <div id="logindisplay">

    [ <a href="/Account/LogOn">Log On</a> ]

        </div> 

        <div id="menucontainer">

            <ul id="menu">
                <li><a href="/Club/EventCalendar">Event Calendar</a></li>
                <li><a href="/">Home</a></li>
                <li><a href="/Home/About">About</a></li>
            </ul>

        </div>
    </div>

    <div id="main">
        <div id="pageContent">

<script type="text/javascript">
    $(document).ready(function () {
        var date = new Date();
        var d = date.getDate();
        var m = date.getMonth();
        var y = date.getFullYear();
        $('#calendar').fullCalendar({
            header: {
                left: 'prev,next today',
                center: 'title',
                right: 'month,basicWeek,basicDay'
            },
            editable: true,
            events: [
                {
                    title: 'Lunch',
                    start: new Date(y, m, d, 12, 0),
                    end: new Date(y, m, d, 14, 0),
                    allDay: false
                }
            ]
        });
    });    
</script>
<div id="calendar">
</div>

        </div>
        <div id="linkContent" >
        </div>

    </div>

    <div id="footer">
    </div>
</div>
</body>
</html>


身体{
边缘顶端：40px；
文本对齐：居中；
字体大小：14px；
字体系列：“Lucida Grande”，Helvetica，Arial，Verdana，无衬线；
}
#历法{
宽度：725px；
保证金：0自动；
}
活动日历
我的MVC应用程序
[  ]





$（文档）.ready（函数（）{
变量日期=新日期（）；
var d=date.getDate（）；
var m=date.getMonth（）；
var y=date.getFullYear（）；
$（“#日历”）.fullCalendar({
标题：{
左：“上一个，下一个今天”，
中心：'标题'，
右图：“月，基本周，基本日”
},
是的，
活动：[
{
标题:"午餐",，
开始日期：新日期（y、m、d、12、0），
结束：新日期（y、m、d、14、0），
全天：错
}
]
});
});

当它运行javascript代码创建日历时失败。据我所知，代码在很多网站上都有显示。任何人都知道可能有什么问题。

您需要在插件之前导入jQuery。将加载jQuery的
标记放在
的顶部，您需要在插件之前导入jQuery。将加载jQuery的
标记放在
的顶部。。就像@pointy说的。。fullCalnder需要jQuery才能发挥其魔力

<!DOCTYPE html> <html> <head> <link href="../Content/Site.css" rel="stylesheet" type="text/css" /> <link rel='stylesheet' type='text/css' href='~/Content/fullcalendar.css' /> <link rel='stylesheet' type='text/css' href='~/Content/fullcalendar.print.css' media='print' /> <script src="/Scripts/jquery-1.4.4.js" type="text/javascript"></script> <script type='text/javascript' src='~/Scripts/fullcalendar.js'></script> <script type='text/javascript' src='~/Scripts/gcal.js'></script>

把你所有的进口商品都放在第一位，这很重要！例如，将CSS分组，然后将其分组。以后更容易阅读

编辑
千言万语的图画！这是你制作的迷你网站的照片

好像根本找不到脚本
亚曼。。就像@pointy说的。。fullCalnder需要jQuery才能发挥其魔力

<!DOCTYPE html> <html> <head> <link href="../Content/Site.css" rel="stylesheet" type="text/css" /> <link rel='stylesheet' type='text/css' href='~/Content/fullcalendar.css' /> <link rel='stylesheet' type='text/css' href='~/Content/fullcalendar.print.css' media='print' /> <script src="/Scripts/jquery-1.4.4.js" type="text/javascript"></script> <script type='text/javascript' src='~/Scripts/fullcalendar.js'></script> <script type='text/javascript' src='~/Scripts/gcal.js'></script>

把你所有的进口商品都放在第一位，这很重要！例如，将CSS分组，然后将其分组。以后更容易阅读

编辑
千言万语的图画！这是你制作的迷你网站的照片

好像根本找不到脚本
Pointy的顺序正确，并确保在引用完整日历之前引用了Jquery。在我的例子中，我这样做是正确的，但是另外，我在标题后面添加了一个局部视图。部分视图再次引用了Jquery，然后在执行时抛出了相同的错误
我只是觉得我应该加上这个作为答案，因为在我弄清楚发生了什么之前，我已经找了好一阵子（因为我的头部部分确实有正确的顺序——就像波蒂的安瑟建议的那样）
同样，不要试图从另一个正确答案中拿走任何东西。只是加上什么特别的错误显示给我-当它似乎我做了一切正确-但仍然得到了错误

我的解决方案是将jquery引用从局部视图中删除。（不需要它，因为主视图已经有了引用）
Pointy关于顺序是正确的，并确保在引用完整日历之前引用了Jquery。在我的例子中，我这样做是正确的，但是另外，我在标题后面添加了一个局部视图。部分视图再次引用了Jquery，然后在执行时抛出了相同的错误
我只是觉得我应该加上这个作为答案，因为在我弄清楚发生了什么之前，我已经找了好一阵子（因为我的头部部分确实有正确的顺序——就像波蒂的安瑟建议的那样）
同样，不要试图从另一个正确答案中拿走任何东西。只是加上什么特别的错误显示给我-当它似乎我做了一切正确-但仍然得到了错误

我的解决方案是将jquery引用从局部视图中删除。（不需要它，因为主视图已经有了引用）
我已经将所有内容移动到Site.master的
部分。EventCalendar.aspx内容页上唯一的内容是
组，当它执行
$（'#calendar'）.fullCalendar（{……}）时仍然失败
。我重复一遍：您必须将导入jQuery的
标记放在导入完整日历插件的
标记之前。请阅读ppumpkins答案下的注释。您将看到我已将所有
CPM命令移动到网站母版页的
部分。请阅读ppumpkin回答下的评论。您将看到我已将所有
命令移动到Site.Master页的
部分。对jquery-1.5.2.min.js的引用位于对fullcalendar.js的引用之前，fullcalendar.js位于
$（document）.ready（function（）之前
调用。但是代码仍然失败。如果这不正确，请您在回答中更具体一些。我不懂JavaScript，因此我不知道它的要求。我已将所有内容移动到Site.Master的
部分。EventCalendar.aspx内容页上唯一的内容是
组and在执行
$（'#cale）时仍然失败