将最新的 JQuery 添加到我的 MVC 4 应用程序答案

【问题标题】：Adding Latest JQuery to my MVC 4 app将最新的 JQuery 添加到我的 MVC 4 应用程序
【发布时间】：2013-07-04 08:03:14
【问题描述】：

首先，这是我的第一个 MVC 4 应用程序，我对此知之甚少。

我正在尝试将 JQuery 和 JQueryUI 最新版本添加到现成的 MVC 4 应用程序中。

我已经下载了必要的文件并将js文件放在“\Scripts”目录下，将css文件放在“\Content”目录下。

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 文件的 head 部分中，我添加了以下代码：

@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 文件。我仔细检查了文件的位置/路径，它们位于同一目录下。我清理了项目并重新构建了它。但它们尚未渲染。

您能帮我如何将它们包含在页面上吗？谢谢。

【问题讨论】：

~/Scripts 文件夹中的 .js 文件的实际名称是什么？
JQueryUI js文件的名称是“jquery-ui-1.10.3.custom.min.js”

标签： jquery jquery-ui asp.net-mvc-4 bundle

【解决方案1】：

在我的 Bundle 配置中，我已经在 bootstrap 等中添加了...，但这就是我的 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，试试看。

【讨论】：

【解决方案2】：

您可能在调试模式下工作，因此它会忽略最小文件。重命名你的 js 文件以避免'min'后缀将是一个简单的解决方法。

查看this了解更多详情

【讨论】：