【发布时间】:2013-06-08 00:25:35
【问题描述】:
在我正在处理的一个项目中,我们有一个 /themes/ 目录,其中包含所有 jQuery ui 主题。我知道它们覆盖了基类的某些样式,但是为什么有两个不同的 css 文件(jquery.ui.theme.css 和 jquery-ui.css)?为什么他们是分开的?我需要同时包含两者还是只包含一个?
【问题讨论】:
在我正在处理的一个项目中,我们有一个 /themes/ 目录,其中包含所有 jQuery ui 主题。我知道它们覆盖了基类的某些样式,但是为什么有两个不同的 css 文件(jquery.ui.theme.css 和 jquery-ui.css)?为什么他们是分开的?我需要同时包含两者还是只包含一个?
【问题讨论】:
Docs 说jquery-ui.css 只是jquery-ui.theme.css 附加到jquery-ui.structure.css。如果您从 ThemeRoller 下载这些文件,jquery-ui.css 和 jquery-ui.theme.css 都将包含自定义更改。 jquery-ui.structure.css 在自定义项中保持不变。
主题文件负责外观,而结构文件负责布局和功能。
提供这些文件的拆分版本是有意义的,以便将cdnjs 用于jquery-ui.structure.css,但您自己的服务器(或CDN 解决方案)来提供您定制的jquery-ui.theme.css。
或者,如果您在网站上使用多个主题,则可以减少数据流量,因为在遇到未缓存的主题 (jquery-ui.theme.css) 时,浏览器可能已经缓存了 jquery-ui.structure.css。
【讨论】:
ui-structure.css 和主题滚轮主题(例如start.css)和jquery-ui.css 和ui.theme.css 还是只使用结构和主题滚轮文件?
start.css。此外,当我查看新创建的主题滚轮 zip 时,我的答案中提到了所有文件,而不仅仅是一个 css 文件。如果您不确定整个事情,您可以使用jquery-ui.css,它将包含所有内容,包括您在下载 zip 之前所做的自定义。
我不确定这是否是 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 的“默认主题”或默认样式表,即“平滑度”。
【讨论】: