在我正在处理的一个项目中,我们有一个 /themes/ 目录,其中包含所有 jQuery ui 主题。我知道它们覆盖了基类的某些样式,但是为什么有两个不同的 css 文件(jquery.ui.theme.css 和 jquery-ui.css)?为什么他们是分开的?我需要两者都包括,还是只包括一个?
5 回答
文档说这jquery-ui.css
只是jquery-ui.theme.css
附加到jquery-ui.structure.css
. 如果您从 ThemeRoller 下载这些文件,两者都jquery-ui.css
将jquery-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
)。
我不确定这是否是 jquery 中的常见习语,但 jquery.ui.theme.css 的内容是 jquery-ui.css 中内容的子集。后者似乎也为许多常见的 ui 组件提供了 CSS 样式。所以我删除了 jquery.ui.theme.css 并保留了 jquery-ui.css。
简单的回答是 --> jquery-ui.css 文件包含 jquery-ui.structure.css 和 jquery-ui.theme.css。
从 JQuery Docs 中逐字逐句地窃取此引文。这正是你所要求的。
由于框架样式仅涵盖外观和感觉,因此插件特定的样式表是分开的。这些包含使小部件功能所需的所有其他结构样式规则,例如尺寸、填充、边距、定位和浮动。下载 jQuery UI 时,这些可以在 jquery-ui.structure.css 中找到。
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 的“默认主题”或默认样式表,即“流畅性”。