2013-07-03 39 views
0

首先,這是我第一個MVC 4應用程序,我對它有一些瞭解。將最新的JQuery添加到我的MVC 4應用程序

我想添加JQuery和JQueryUI最新版本到現成的MVC 4應用程序。

我已經下載了必要的文件,並將「\ Scripts」目錄下的js文件和「\ Content」目錄下的css文件放在一起。

jQueryUI的JS文件的名稱是 「jQuery的UI-1.10.3.custom.min.js」

我改變了代碼在BundleConfig.cs如下所示:

bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
     "~/Scripts/jquery-{version}.js")); 

bundles.Add(new ScriptBundle("~/bundles/jqueryui").Include(
      "~/Scripts/jquery-ui-{version}.custom.min.js")); 

而在我_Layout.cshtml文件頭部分,我添加以下代碼:

@Styles.Render("~/Content/css") 

@Scripts.Render("~/bundles/jquery") 
@Scripts.Render("~/bundles/jqueryui") 

但在HTML文件中,jQuery的文件不存在。它呈現爲以下內容:

<script src="/Scripts/jquery-1.9.1.js"></script> 

它不呈現JQueryUI js文件。它呈現JQueryUI的css文件。我仔細檢查了文件的位置/路徑,它們位於同一目錄下。我清理了這個項目並重新構建了它。但他們還沒有呈現。

請問我可以如何將它們包含在頁面中?謝謝。

+0

'〜/ Scripts'文件夾中.js文件的實際名稱是什麼? –

+0

JQueryUI js文件的名稱是「jquery-ui-1.10.3.custom.min.js」 – TTCG

回答

0

您可能在調試模式下工作,因此它忽略最小文件。重命名您的js文件以避免'min'後綴將是簡單的修復。

檢查this更多細節

1

在我的我已經在引導等。加捆綁的配置,但是這是我的樣子與jQuery本身

bundles.Add(new ScriptBundle("~bundles/jquery").Include(
     "~/scripts/lib/jquery-{version}.js" 
)); 

,然後輸出

<script src="/Scripts/lib/jquery-1.9.1.js"></script> 

現在我_layout文件包含這些行

@RenderSection("breakout", required: false) 
@Scripts.Render("~/bundles/site") 
@RenderSection("scripts", required: false) 

我沒有機會拋出jquery-ui-1.10.3.custom.min.js,我會盡力回覆你,.min可能導致它從調試中恢復,從你的目錄中刪除1.9.1,試試。

相關問題