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 に答える