如何在MVC 5项目中添加jQueryUI库？
我刚刚安装了Visual Studio 2013，并启动了新的MVC 5项目。 我有点新的MVC开发，我不知道如何在我的项目中添加库。
我看到一些类似的部分。 例如，在_Layout.cshtml我有这样的代码：
@Styles.Render("~/Content/css") @Scripts.Render("~/bundles/modernizr")
然后在packages.config文件中：
<packages> <package id="Antlr" version="3.4.1.9004" targetFramework="net45" /> <package id="bootstrap" version="3.0.0" targetFramework="net45" /> <package id="EntityFramework" version="6.0.0" targetFramework="net45" /> <package id="jQuery" version="1.10.2" targetFramework="net45" /> <package id="jQuery.Validation" version="1.11.1" targetFramework="net45" /> </packages>
那么据我所知Global.asax发生了什么事情
所以，我已经下载了.js和css文件的jQuery UI库。 我的问题是：我应该在什么地方添加这个库，像默认库（bootstrap或jquery）？ 而jQuery的UI有3个文件夹的内容。 我添加了这个文件夹的所有内容到我的项目，我只需要添加引用。
您看到在您的_Layout.cshtml页面（即@Scripts.Render("~/bundles/modernizr") ）上呈现css和脚本的代码被称为捆绑 。 看看这里的一些信息： http : //www.asp.net/mvc/tutorials/mvc-4/bundling-and-minification
所以，要添加jQueryUI，你可以这样做：
在您的Global.asax.cs文件中，您应该看到一些注册信息：
BundleConfig.RegisterBundles(BundleTable.Bundles);
这转到BundleConfig类，然后注册任何包。 对于jQueryUI你可以做到以下几点：
bundles.Add(new ScriptBundle("~/bundles/jqueryui").Include( "~/Scripts/jquery-ui-{version}.js"));
这是创build一个名为~/bundles/jqueryui的新脚本包。
然后可以通过这样做将其添加到布局页面：
@Scripts.Render("~/bundles/jqueryui")
那么你会做同样的CSS：
bundles.Add(new StyleBundle("~/Content/themes/base/css").Include( "~/Content/themes/base/jquery.ui.core.css", "~/Content/themes/base/jquery.ui.resizable.css", "~/Content/themes/base/jquery.ui.selectable.css", "~/Content/themes/base/jquery.ui.accordion.css", "~/Content/themes/base/jquery.ui.autocomplete.css", "~/Content/themes/base/jquery.ui.button.css", "~/Content/themes/base/jquery.ui.dialog.css", "~/Content/themes/base/jquery.ui.slider.css", "~/Content/themes/base/jquery.ui.tabs.css", "~/Content/themes/base/jquery.ui.datepicker.css", "~/Content/themes/base/jquery.ui.progressbar.css", "~/Content/themes/base/jquery.ui.theme.css"));
并添加它
@Styles.Render("~/Content/themes/base/css")
注意：
- 在MVC4中，一个非空项目已经build立了jQuery。 如果是空的项目，你必须自己添加它。 不是100％确定新的MVC 5。
- 您可以从nuget安装jQueryUi，但官方软件包不会添加这个捆绑的东西。
- 你可以做一些老式的css和js文件（比如
<script language="JavaScript" src="~/Scripts/jQuery.ui.1.8.2.js" />
现在，版本1.11.1的CSS套件应该如下所示：
bundles.Add(new StyleBundle("~/Content/themes/base/css").Include( "~/Content/themes/base/accordion.css", "~/Content/themes/base/all.css", "~/Content/themes/base/autocomplete.css", "~/Content/themes/base/base.css", "~/Content/themes/base/button.css", "~/Content/themes/base/core.css", "~/Content/themes/base/datepicker.css", "~/Content/themes/base/dialog.css", "~/Content/themes/base/draggable.css", "~/Content/themes/base/menu.css", "~/Content/themes/base/progressbar.css", "~/Content/themes/base/resizable.css", "~/Content/themes/base/selectable.css", "~/Content/themes/base/selectmenu.css", "~/Content/themes/base/slider.css", "~/Content/themes/base/sortable.css", "~/Content/themes/base/spinner.css", "~/Content/themes/base/tabs.css", "~/Content/themes/base/theme.css", "~/Content/themes/base/tooltip.css"));
`
要安装jQueryUI +最新版本的jQuery，你可以使用NuGet：
Install-Package jQuery.UI.Combined
这将更新您现有的jQuery库到最新版本 。
然后你可以通过在App_Start/BundleConfig.cs引用它并添加：
bundles.Add(new ScriptBundle("~/bundles/jqueryui").Include( "~/Scripts/jquery-ui-{version}.js")); bundles.Add(new StyleBundle("~/Content/themes/base/css").Include( "~/Content/themes/base/all.css"));
然后，您可以在单个页面上或全局的_Layout.cshtml使用它
@Styles.Render("~/Content/themes/base/css") // Add to <head> tags @Scripts.Render("~/bundles/jqueryui") // Add above </body>
在使用NuGet安装JQuery ui之后，将下面的代码片段添加到BundleConfig.cs中，如下所示
bundles.Add(new ScriptBundle("~/bundles/jqueryui").Include( "~/Scripts/jquery-ui-{version}.js"));
也
bundles.Add(new StyleBundle("~/Content/themes/base/css").Include( "~/Content/themes/base/jquery.ui.core.css", "~/Content/themes/base/jquery.ui.autocomplete.css", "~/Content/themes/base/jquery.ui.theme.css"));
现在将下面的代码片段添加到_Layout.cshtml中，如下所示
@Styles.Render("~/Content/themes/base/css")
和
@Scripts.Render("~/bundles/jqueryui")
我只是想说明一点，希望这会有所帮助。 谢谢
