如何在visual studio 2012 MVC4 Project中添加不同的jquery ui主题

时间:2013-04-12 22:28:56

标签: jquery jquery-ui asp.net-mvc-4 visual-studio-2012

有些人可以一步一步地向我解释我如何在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")

1 个答案:

答案 0 :(得分:10)

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

<强> 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