jquery.ui.theme.css和jquery.ui.css之间的区别

时间:2016-09-09 04:29:41

标签: jquery jquery-ui

我想在jquery ui上做一个仪表板项目。使用themeroller,我可以自定义主题。下载的文件夹包含两个css jquery.ui.theme.css和jquery.ui.css。我很困惑应该使用哪个文件?每个文件的目的是什么。 我会感谢你的帮助和明确的建议

1 个答案:

答案 0 :(得分:1)

这些类旨在在整个应用程序中创建可视化一致性,并允许组件通过 jQuery UI ThemeRoller 进行主题化。类名在ui.core.css和ui.theme.css之间分开,具体取决于样式是固定的还是结构的,或者分别是主题(颜色,字体,背景等)。

jQuery UI文档说jquery-ui.cssjquery-ui.theme.css附加到jquery-ui.structure.css。如果从ThemeRoller下载这些文件,则jquery-ui.cssjquery-ui.theme.css都将包含自定义更改。 <{1}}在自定义设置中保持不变。

ThemeRoller CSS文件

  1. jquery.ui.css 是jQuery UI的核心CSS
  2. jquery.ui.theme.css 是自定义主题css,它覆盖了jquery.ui.css的一些属性和样式。
  3. jquery-ui.structure.css 负责布局和功能。
  4. 不使用jquery-ui.css的原因

    提供这些文件的拆分版本是有意义的,以便为jquery-ui.structure.css使用类似cdnjs的东西,但使用自己的服务器(或CDN解决方案)来提供自定义的jquery-ui.theme.css。

    或者,如果您在站点上使用多个主题,则它允许较小的数据流量,因为当遇到未缓存的主题(jquery-ui.theme.css)时,浏览器可能已经具有jquery-ui.structure.css的缓存版本。

    除了Themeroller

    之外的自定义

    对于我们的自定义,您可以制作custom.css文件。并且您可以在包含ThemeRoller提供的css文件之后包含该文件。所以我们可以轻松覆盖类的属性。