如何在MVC4中更改主题

Question

好像我可以从jquery网站下载我喜欢的jquery主题来创建新的主题。但是在我的MVC网站上这并没有太大变化。谁能告诉我如何在MVC4应用程序中更改主题？

Answer 1

据我了解你的问题：

如何使用jquery ui主题滚轮中的自定义生成主题替换MVC4应用程序中的基本主题？

我的步骤为我的剃刀MVC4 visual studio 2012应用程序创建了一些用于Intranet应用程序的MS标准模板。 jQueryUI已经安装在我的应用程序中，其基本主题来自nuget。

1. 使用http://jqueryui.com/themeroller/创建主题并将zip下载到某个临时文件夹
2. 将jquery-ui-1.10.3.custom.js解压缩到我的Scripts文件夹中
3. 在App_Start / Bundle.Config文件中编辑了我的RegisterBundles方法 <击> bundles.Add(new ScriptBundle("~/bundles/jqueryui").Include("~/Scripts/jquery-ui-1.10.1.js"));
bundles.Add(new ScriptBundle("~/bundles/jqueryui").Include("~/Scripts/jquery-ui-1.10.3.custom.js"));
4. 将为自定义主题命名的css子文件夹（例如my-theme）提取到主题文件夹“Content / themes / my-theme”。
5. 注释掉App_Start BundleConfig.cs中的基本主题行，并用单文件包替换了大基本主题StyleBundle bundles.Add(new StyleBundle("~/Content/themes/my-theme/css").Include( "~/Content/themes/my-theme/jquery-ui-1.10.3.custom.css")); <击> //bundles.Add(new StyleBundle("~/Content/themes/base/css").Include( // "~/Content/themes/base/jquery.ui.core.css", // "~/Content/themes/base/jquery.ui.resizable.css", // ...
6. 最后用我的layout.cshtml替换了基本主题包调用 @Styles.Render("~/Content/themes/kjr-theme/css") <击> @Styles.Render("~/Content/themes/base/css")

如果有更好或更清晰的方法来替换MVC4应用程序中的主题，请告诉我！

迈克尔

Answer 2

由于更改了jquery ui版本，MVC4模板中的jquery ui脚本似乎与当前版本的jquery ui不兼容。因此，您不能只将已下载的jquery ui的css目录复制到MVC4的主题文件夹中，并期望它将应用于您的网站。

所以我所做的就是将jquery.ui.theme.css替换为jquery.ui.custom.css中的相应部分。现在我的MVC4网站正确显示了新主题。

Answer 3

代码项目网站使用Chris Pietschmann

的实现

代码项目： http://www.codeproject.com/Articles/32847/ASP-NET-MVC-Dynamic-Themes