jQuery UI - 包含哪些CSS?

时间:2016-04-24 11:28:45

标签: jquery jquery-ui jquery-plugins

jQuery UI的文档在涉及到您实际需要的CSS时会非常混乱,我看到有些人只是包含所有内容。

所以如果我下载了jQuery UI:

  1. 我需要包含哪些CSS?
  2. 哪一个?

1 个答案:

答案 0 :(得分:4)

包括所有CSS都可以,但是错误的方法...
这个答案与jQuery UI的最新稳定版本有关:1.11.4。

你需要什么CSS

这取决于您希望如何构建/拆分CSS逻辑以及是否要使用全包或仅使用某些部分。

使用全包

仅限一个CSS:

只需添加jquery-ui CSS

的生产版本

快速回答: jquery-ui.min.css

此文件包含:
- 结构(用于jQuery UI正常工作)
- 主题CSS(用于jQuery UI看起来更好:))。

独立结构&式

DON'包括jquery-ui CSS!
包括结构和主题的单独(生产)文件,例如:
jquery-ui.structure.min.css jquery-ui.theme.min.css - 按此顺序排列!

如果您根本不想包含主题,只需添加jquery-ui.structure的生产版本...

仅使用某些部分

如果您担心性能/负载,您可能只选择了jQuery UI的某些部分,很可能,您可以通过以下方式之一完成...

下载构建器

如果您已通过Download Builder准备好jQuery UI文件,则说明与使用完整包相同(见上文)。

核心&部件

如果您已经下载了核心和组件,请首先包含核心CSS的生产版本,例如:
core.min.css
然后在顺序中包含其他CSS,依赖关系位于依赖之前。
作为最后,包括主题制作CSS。