jquery - 如何将不同的 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")

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