jQuery UI - 要包含哪些 CSS?

jav*_*web 4 jquery jquery-ui jquery-plugins

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

所以如果我下载了 jQuery UI:

  1. 我需要包含什么 CSS?
  2. 哪个是哪个?

jav*_*web 5

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

你需要什么 CSS

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

使用全包

仅一个 CSS:

只包含jquery-uiCSS 的生产版本

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

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

独立的结构和风格

不要包含jquery-uiCSS!
包括用于结构和主题的单独(生产)文件,例如:
jquery-ui.structure.min.css- 按此顺序!jquery-ui.theme.min.css

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


仅使用部分零件

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

下载生成器

如果您已经通过下载生成器准备了 jQuery UI 文件,则说明与使用完整包(见上文)相同。

核心和组件

如果您已经下载核心和组件,首先包括生产版本的核心CSS,例如: 然后包括在其他CSS顺序依赖是那些依赖之前他们。 随着最后,包括主题的生产CSS。
core.min.css