jquery - 如何向 Visual Studio 2012 MVC4 项目添加不同的 jquery ui 主题

Question

可以向我逐步解释一下如何在 Visual Studio 2012 中更改 jquery ui 主题吗？例如，当我使用此命令 Install-Package jQuery.UI.Themes.lightness 时，如何使 ui-lightness 出现，或者如果我选择另一个主题如何显示它。原因是因为我不想使用默认主题，即基本主题。我想知道要更改的正确文件

任何帮助将不胜感激。

这是我的布局页面中已有的内容。

   @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")
    @Styles.Render("~/Content/themes/base/css")
    @Styles.Render("~/Content/themes/ui-lightness/css")
 @Scripts.Render("~/bundles/jqueryui")
@Styles.Render("~/Content/themes/base/css")
 @Styles.Render("~/Content/themes/ui-lightness/css")

Answer 1

首先确保您捆绑了正确的文件。

App_Start/BundleConfig.cs

// you want to remove this
bundles.Add(new StyleBundle("~/Content/themes/base/css").Include(
   "~/Content/themes/base/jquery-ui.core.css",
    ...
);
// and add this
bundles.Add(new StyleBundle("~/Content/themes/ui-lightness/css").Include(
    "~/Content/themes/ui-lightness/jquery-ui.core.css",
    ...
);

然后在布局中指定捆绑集。

_Layout.cshtml

@Styles.Render("~/Content/themes/base/css")          // remove this
@Styles.Render("~/Content/themes/ui-lightness/css")  // add this

这一切都假设您在 /Content/themes 中安装了主题

最简单的方法是在布局和 bundle 配置中找到 base 并将其替换为 ui-lightness。