18

在我正在处理的一个项目中,我们有一个 /themes/ 目录,其中包含所有 jQuery ui 主题。我知道它们覆盖了基类的某些样式,但是为什么有两个不同的 css 文件(jquery.ui.theme.css 和 jquery-ui.css)?为什么他们是分开的?我需要两者都包括,还是只包括一个?

4

5 回答 5

27

文档说这jquery-ui.css只是jquery-ui.theme.css附加到jquery-ui.structure.css. 如果您从 ThemeRoller 下载这些文件,两者都jquery-ui.cssjquery-ui.theme.css包含自定义更改。jquery-ui.structure.css在自定义项中保持不变。

主题文件负责外观和感觉,而结构文件负责布局和功能。

不使用 jquery-ui.css 的一些原因

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

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

于 2015-09-27T10:17:15.747 回答
6

我不确定这是否是 jquery 中的常见习语,但 jquery.ui.theme.css 的内容是 jquery-ui.css 中内容的子集。后者似乎也为许多常见的 ui 组件提供了 CSS 样式。所以我删除了 jquery.ui.theme.css 并保留了 jquery-ui.css。

于 2013-06-12T07:27:26.383 回答
6

简单的回答是 --> jquery-ui.css 文件包含 jquery-ui.structure.css 和 jquery-ui.theme.css。

于 2016-08-05T14:01:31.160 回答
1

从 JQuery Docs 中逐字逐句地窃取此引文。这正是你所要求的。

由于框架样式仅涵盖外观和感觉,因此插件特定的样式表是分开的。这些包含使小部件功能所需的所有其他结构样式规则,例如尺寸、填充、边距、定位和浮动。下载 jQuery UI 时,这些可以在 jquery-ui.structure.css 中找到。

于 2016-05-18T13:00:23.567 回答
-2

jquery-ui-theme是一个文件夹或链接或文件,用于访问jquery ui的不同主题或样式(.css);例如“smoothness”、“black-tie”、“blitzer”、“cupertino”、“dark-hive”、“humanity”、“sunny”、“vader”等。

<link href="jquery_ui/jquery-ui-themes-1.10.2/themes/vader/jquery-ui.css" rel="stylesheet">

jquery -ui- css 是一个文件夹或链接或文件,用于访问 jquery ui 的“默认主题”或默认样式表,即“流畅性”。

于 2013-06-12T07:41:02.767 回答