ASP.NET Jquery UI按钮无法正确呈现

Question

我在ASP.NET MVC 5应用程序中正确加载渲染主题时遇到了很多麻烦......我一直在做很多研究，但我认为它可能与对话框有关我一直有的问题......任何人都可以帮帮我吗？

据我所知，我需要像这样引用我想要使用的按钮类：

    <button class="ui-button" id="overview">Overview</button>

但它仍然将按钮呈现为灰色按钮，没有主题。

以下是我的捆绑包：

        bundles.Add(new StyleBundle("~/Content/css").Include(
                  "~/Content/bootstrap.css",
                  "~/Content/site.css"));
        bundles.Add(new StyleBundle("~/Content/themes/base/css").Include(
          "~/Content/themes/base/jquery.ui.core.css",
          "~/Content/themes/base/jquery.ui.resizable.css",
          "~/Content/themes/base/jquery.ui.selectable.css",
          "~/Content/themes/base/jquery.ui.accordion.css",
          "~/Content/themes/base/jquery.ui.autocomplete.css",
          "~/Content/themes/base/jquery.ui.button.css",
          "~/Content/themes/base/jquery.ui.dialog.css",
          "~/Content/themes/base/jquery.ui.slider.css",
          "~/Content/themes/base/jquery.ui.tabs.css",
          "~/Content/themes/base/jquery.ui.datepicker.css",
          "~/Content/themes/base/jquery.ui.progressbar.css",
          "~/Content/themes/base/jquery.ui.theme.css",
          "~/Content/themes/base/jquery.ui.all.css"));
        bundles.Add(new StyleBundle("~/Content/ui-darkness/css").Include(
            "~/Content/ui-darkness/jquery-ui-1.10.4.custom.css"));

这是我的布局：

@Styles.Render("~/Content/css")
@Styles.Render("~/Content/themes/base/css")
@Styles.Render("~/Content/ui-darkness/css")
@Scripts.Render("~/bundles/modernizr")
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

另外值得注意的是，Intellisense没有.button（）或.dialog（）的任何工具提示。

非常感谢任何帮助！

编辑：我附上了非风格化按钮“概述”的图片 http://i.stack.imgur.com/kohZH.png

Answer 1

我认为当你使用check check对话框和按钮选项下载与jqueryui相关的JS和CSS文件时

转到http://jqueryui.com/download/并选中所有复选框并下载js和csss文件并在项目中使用。

Answer 2

你不应该有主题/基础CSS。

我不会使用相同的主题，但它的工作原理如下：

管束

 bundles.Add(new StyleBundle("~/Content/css").Include(
                 "~/Content/Css/jquery-ui-1.10.3.custom.css",
                  "~/Content/Css/bootstrap.css",
                  "~/Content/Css/font-awesome.min.css",
                  "~/Content/Css/site.css"));

LAYOUT

@Styles.Render("~/Content/css")

查看

    <button class="ui-button" id="overview">Overview</button>

jquery-ui-1.10.3.custom.css来自\ jquery-ui-1.10.4.custom \ css \ smoothness \

足以添加您在主题文件夹中找到的CSS。