如何将不同的jQuery UI主题添加到Visual Studio 2012 MVC4项目中

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")

- Johnson Duru

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中。

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

- Jasen