使用jQuery與MVC4完整的日曆

我正在學習MVC和jQuery，但我有一個觀點，我可以得到它加載，但它是空白的。使用jQuery與MVC4完整的日曆

我想使用jquery-fullcalendar得到一個基本的日曆。

我會發布我的視圖代碼，看看我可能做錯了什麼。

更新我曾嘗試使用fullcalendars示例代碼，但它從來沒有呈現任何人知道爲什麼？

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

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

我知道我只是想念一些東西，但我只是看不到它。

來源

2012-12-03 bmorrison1982

如果任何人有這個問題，我使用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-04 23:10:09 bmorrison1982

使用「基本」模板我會從視圖中刪除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（「〜/包/ jQuery的」）會將jQuery腳本標籤視圖後體內。您可以更改您的視圖，以便它呈現fullcalender.js和文檔準備功能的jQuery腳本標籤這樣

@{ 
    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-03 22:18:36

謝謝我在佈局中的信息，所以我用代碼替換了視圖，但仍然沒有日曆。我會繼續嘗試看看我能否修正這個問題。 – bmorrison1982

你是否收到任何錯誤訊息？ – 2012-12-04 22:45:36

沒有錯誤它是在導致問題的佈局telrik – bmorrison1982

使用jQuery與MVC4完整的日曆

回答

相關問題