1

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

4

3 回答 3

5

据我了解你的问题：

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

我的 razor 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. 以我的自定义主题（例如 my-theme）命名的 css 子文件夹提取到主题文件夹“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 应用程序中的主题，请告诉我！

迈克尔

于 2013-05-11T05:40:05.277 回答
0

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

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

于 2012-08-11T03:45:48.983 回答
0

代码项目站点使用Chris Pietschmann的实现

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

于 2015-03-19T10:54:42.900 回答