JQuery UI 主题：没有小部件正确显示答案

【问题标题】：JQuery UI Theme : No Widgets Display CorrectlyJQuery UI 主题：没有小部件正确显示
【发布时间】：2015-08-19 23:40:28
【问题描述】：

免责声明 - A * 表示我无法发布我想要的内容的地方，因为这是我第一次发布关于堆栈溢出的帖子，所以我改为解释我想要显示的内容。 :)

我似乎在从 Jquery UI 中获取滚动主题以正常工作时遇到问题。首先，当我打开下载中给出的示例文件时，它看起来像这样。

总的来说，所有东西看起来都像那样皱巴巴的，就像没有任何填充、边距、边框等一样。

下一张图片是 JQueryUI 基础主题，base/all.css 正在我的网站上实现。

看起来是正确的，但这不是我希望 JqueryUI 看起来的样子。下面，是我尝试实现主题 theme/jquery-ui.css 而不是基础，我得到了与示例中相同的结果。

*我想包含一个指向我网站上正在实施的主题的链接，但我没有足够的声誉来包含超过 2 个链接。无论如何，它看起来与示例 html 中的外观完全相同。

奇怪的是，当我在网站上“滚动”主题时，一切看起来都是我所期望的。为了参考我的主题，这里是它的链接。

*好吧，另一个谎言没有链接，但即使从滚筒库下载其中一个 Jquery UI 主题，我也会得到同样的结果。

我想知道我是否只是误解了如何使用主题？我的理解是您可以将 all.css 替换为客户 jquery-ui.css。在两者中，我在下载时都选择了所有可能的组件。

【问题讨论】：

你能评论你无法包含的链接吗？
我网站上的实现图片onedrive.live.com/… 很遗憾，主题滚轮的链接太长，无法添加到评论中
@Tim 但我打败了系统！链接到纯文本文档的链接太长:) onedrive.live.com/…

标签： jquery css asp.net-mvc jquery-ui

【解决方案1】：

好的，所以我能够解决我自己的问题，这实际上要归功于堆栈溢出的另一个答案。本质上这是 ASP.NET MVC 中的一个捆绑问题，我不完全理解你应该如何使用这个主题。首先是我的捆绑包最初的样子。

            bundles.Add(new StyleBundle("~/Content/jqueryui").Include(
            "~/External/Content/themes/base/all.css",
            "~/External/Content/themes/green/jquery-ui.css",
            "~/External/Content/themes/green/jquery-ui.structure.css",
            "~/External/Content/themes/green/jquery-ui.theme.css"
            ));

感谢这个答案，我决定检查它在页面上实际呈现的顺序（事后看来，我应该首先完成它）。 How do I configure MVC's style bundling order? 这帮助我发现主题确实是先渲染然后是 base.css，即使这不是它们在包中的顺序。

所以我将 base.css 拆分为该捆绑包之前的显式调用（也从捆绑包中删除了 base.css），并且一切正常！这就是它在我的 Layout 页面的 head 标记中的样子。

@Styles.Render("~/External/Content/themes/base/all.css")
@Styles.Render("~/Content/jqueryui")

因此，在将 JQuery UI 主题与 ASP.NET MVC 一起使用时要检查两件事，首先是捆绑顺序（查看它在页面上呈现的顺序），以及如果您不知道使用 base.css（或选择您正在使用的元素 css）以及主题，然后执行此操作！

【讨论】：