0

我正在学习 MVC 和 jquery，但我有一个视图，我可以加载它，但它是空白的。

我正在尝试使用jquery-fullcalendar.

我将发布我的视图代码，看看我可能做错了什么。

更新我曾尝试使用 fullcalendars 示例代码，但它仍然永远不会让任何人知道为什么？

 <script>
   $(document).ready(function () {
      $('#calendar').fullCalendar({
          // put your options and callbacks here
      })
  });
</script>

  <div id='calendar'></div>

我知道我只是错过了一些东西，但我就是看不到它。

4

2 回答 2

0

使用“基本”模板，我将从视图中删除 jquery 脚本标记。当我在 VS2012 中创建一个新的 MVC4 项目时，_Layout.cshtml 看起来像这样

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title</title>
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")
</head>
<body>
    @RenderBody()

    @Scripts.Render("~/bundles/jquery")
    @RenderSection("scripts", required: false)
</body>
</html>

@Scripts.Render("~/bundles/jquery") 行将 jquery 脚本标记放在视图主体之后。您可以更改视图，以便在 jquery 脚本标记之后呈现 fullcalender.js 和您的文档就绪功能，如下所示

@{
    ViewBag.Title = "Index";
}
@section scripts {
    <link href="@Url.Content("~/Scripts/fullcalendar.css")"rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/fullcalendar.js")" type="text/javascript"></script>
    <script type ='text/javascript'>
        $(document).ready(function () {
            $('#calendar').fullCalendar({});
        });
    </script>
}
<h2>Index</h2>

<div id='calendar'></div>
于 2012-12-03T22:18:36.693 回答
0

如果其他人有这个问题，我正在使用Telerik作为菜单，并且在布局中有这个代码

@(Html.Telerik().ScriptRegistrar().DefaultGroup(group => group.Combined(true).Compress(true))) @(Html.Telerik().StyleSheetRegistrar().DefaultGroup(group => group.Add ("telerik.common.css").Add("telerik.windows7.css").Combined(true).Compress(true)))

这些在正文中的位置，我只是将它们移到了头部，它似乎并没有影响菜单，但确实修复了完整的日历并开始渲染它

于 2012-12-04T23:10:09.827 回答