jquery在页面加载时不工作

jquery在页面加载时不工作,jquery,asp.net-mvc,fullcalendar,asp.net-mvc-4,Jquery,Asp.net Mvc,Fullcalendar,Asp.net Mvc 4,我目前在asp.net mvc 4中工作,我正在尝试将完整日历添加到我的项目中。完整日历可在以下位置找到: 当我单击我的actionlink时,我的日历将不会加载。我似乎不明白为什么它不起作用 代码如下: CSHTML @section JavaScript { <link href="@Url.Content("/Content/fullcalendar.css") " rel="stylesheet" type="text/css" /> <script t

我目前在asp.net mvc 4中工作,我正在尝试将完整日历添加到我的项目中。完整日历可在以下位置找到:

当我单击我的actionlink时,我的日历将不会加载。我似乎不明白为什么它不起作用

代码如下:

CSHTML

@section JavaScript
{
    <link href="@Url.Content("/Content/fullcalendar.css") " rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="@Url.Content("/Scripts/jquery-ui-1.8.11.min.js")"></script>
    <script type="text/javascript" src="@Url.Content("/Scripts/fullcalendar.js")"></script>
    @*    <script type="text/javascript" src="@Url.Content("/Scripts/fullcalendar.min.js")"></script>*@
}
@{
    ViewBag.Title = "Tijdregistratie";
}
<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',
                center: 'title',
                right: 'next'
            },
            editable: true,
            events: "/TijdRegistratie/GetGeplandeTaken/"
        });
    });
</script>
<div id='calendar'>
</div>
Layout.cshtml(自动加载到每个页面)


@视图包。标题
@RenderSection(“JavaScript”,必需:false)
所以我现在想知道我该如何解决这个问题。这是我使用JQuery的第二个项目,如果我遗漏了一些明显的东西,请原谅

编辑:在Firefox中运行时,我在firebug中遇到以下错误:fullCalendar不是一个函数。

=”)))

您没有包括“jquery.js”


下载最新版本。如果您已放弃包含jQuery库,请检查您链接的演示页面,它包括:

<script type='text/javascript' src='/js/fullcalendar-1.5.3/jquery/jquery-1.7.1.min.js'></script>


而您的示例没有。

乍一看,您不需要向方法传递2个参数

GetGeplandeTaken(双起点,双终点)

您的方法是从视图调用的吗?如果在方法上设置断点,则该参数有任何值吗?

必须删除:

@section JavaScript
{
    <link href="@Url.Content("/Content/fullcalendar.css") " rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="@Url.Content("/Scripts/jquery-ui-1.8.11.min.js")"></script>
    <script type="text/javascript" src="@Url.Content("/Scripts/fullcalendar.js")"></script>
    @*    <script type="text/javascript" src="@Url.Content("/Scripts/fullcalendar.min.js")"></script>*@
}
@节JavaScript
{
@*    *@
}

从您的cshtml页面,并将它们添加到您的主加载页面。现在,它将加载到每个页面上,并且工作正常。

如果您单击了链接并看到了该页面,您会注意到jQuery文件确实包含在内。对试图获取即时业力的否决票。实际上,这是JQuery ui文件。我忘了将jquery上传页面添加到我的原始帖子中。我后来加上去的。当EmRa228发布时,这是一篇有效的帖子,所以向下投票似乎是一个笑话。@EmRa228发布了正确的答案。不幸的是,它被Ohgodwhy错误地否决了。OP显示的源代码中没有任何对jQuery的引用。我正在投票取消删除他的答案,一旦取消删除,我将立即进行投票。当然,现在还有其他的答案,这些答案与第一个被错误删除的答案完全相同,这应该得到赞扬。似乎它不起作用。我的同事(他在我之前参与过这个项目)突然提到,他将所有内容加载到不同的页面。因此,Jquery会自动加载到每个页面中。我会把这一页添加到我的问题中。似乎它不起作用。我的同事(他在我之前参与过这个项目)突然提到,他将所有内容加载到不同的页面。因此,Jquery会自动加载到每个页面中。我将把这个页面添加到我的问题中。显然,这个方法会自动从jquery中获取参数。不要问我为什么,但是参数没有给出错误。如果我转到页面本身,其他一切都正常。只是用我的actionlink链接到页面的链接不起作用。我的所有其他ActionLink都可以正常工作,所以我猜这是JQuery的问题。您可以在页面上添加一个按钮,然后单击事件,放入当前$(文档)。准备好代码了吗?只要检查一下文档是否有问题。准备好了。我已经用一个按钮测试了代码。这个按钮起作用了。当我点击它时,我的日历不会被加载。fullcalendar函数本身似乎存在加载问题。日历事件还有一些附加选项:事件:{url:'/myfeed.php',键入:'POST',数据:{custom_param1:'something',custom_param2:'somethingelse'},错误:function(){alert('fetching events!'时出错!';},color:'yellow',//非ajax选项textColor:'black'//非ajax选项}尝试在“error”上显示错误消息检查error函数是否捕捉到错误。如果是,您可能会发现错误消息更具体。我无法让它以您认为的方式抛出错误。即使将所有内容留空并仅调用函数fullCalendar,也不会产生任何效果。不过,该按钮每次都有效。
<script type='text/javascript' src='/js/fullcalendar-1.5.3/jquery/jquery-1.7.1.min.js'></script>
@section JavaScript
{
    <link href="@Url.Content("/Content/fullcalendar.css") " rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="@Url.Content("/Scripts/jquery-ui-1.8.11.min.js")"></script>
    <script type="text/javascript" src="@Url.Content("/Scripts/fullcalendar.js")"></script>
    @*    <script type="text/javascript" src="@Url.Content("/Scripts/fullcalendar.min.js")"></script>*@
}