Question

免责声明 - A *表示我无法发布我想要的内容的地方，因为这是我关于堆栈溢出的第一篇文章，所以我反而解释了我想要显示的内容。：）

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

一般来说，所有东西看起来都像这样，就像没有任何填充，边距，边框等一样。

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

看起来不错，但它不是我想要JqueryUI的样子。下面是我尝试实现主题主题/ jquery-ui.css而不是基础，我得到的结果与示例相同。

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

奇怪的是，当我和＃34;滚动＆＃34;网站上的主题一切都看起来如我所料。有关我的主题的参考，这里是它的链接。

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

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

Answer 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拆分为该bundle之前的显式调用（也从bundle中删除了base.css），一切都运行良好！这就是我的布局页面的head标签中的方式。

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

在使用ASP.NET MVC的JQuery UI主题时要检查两件事，首先是捆绑顺序（看看它在页面上呈现的顺序）以及你是否不知道使用base.css（或者选择你正在使用的元素css）和主题，然后这样做！

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

1 个答案: