在我正在开发的项目中,我们有一个/ themes /目录,其中包含所有jQuery ui-themes。我知道它们会覆盖基类的某些样式,但为什么有两个不同的css文件(jquery.ui.theme.css和jquery-ui.css)?他们为什么分开?我需要同时包含两者吗?
答案 0 :(得分:24)
Docs说jquery-ui.css
仅jquery-ui.theme.css
附加到jquery-ui.structure.css
。如果从ThemeRoller下载这些文件,则jquery-ui.css
和jquery-ui.theme.css
都将包含自定义更改。 <{1}}在自定义设置中保持不变。
主题文件负责外观,而结构文件负责布局和功能。
提供这些文件的拆分版本是有意义的,以便为jquery-ui.structure.css
使用cdnjs,但使用您自己的服务器(或CDN解决方案)来提供自定义的jquery-ui.structure.css
。
或者,如果您在网站上使用多个主题,则会允许较小的数据流量,因为在遇到未缓存的主题(jquery-ui.theme.css
)时,浏览器可能已经拥有jquery-ui.structure.css
的缓存版本。
答案 1 :(得分:6)
我不确定这是否是jquery中常见的习惯用法,但jquery.ui.theme.css的内容是jquery-ui.css中内容的一个子集。似乎后者也为许多常见的ui组件设置了CSS样式。所以我删除了jquery.ui.theme.css并保留了jquery-ui.css。
答案 2 :(得分:4)
简单回答是 - &gt; jquery-ui.css文件包含jquery-ui.structure.css和jquery-ui.theme.css。
答案 3 :(得分:1)
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的默认样式表,即'smoothness'。
答案 4 :(得分:1)
从JQuery Docs中逐字逐句地窃取这句话。这正是你所要求的。
由于框架样式仅涵盖外观,特定于插件 样式表是分开的。这些包含所有额外的结构 使小部件功能所需的样式规则,例如 尺寸,填充,边距,定位和浮动。什么时候 下载jQuery UI,可以在jquery-ui.structure.css中找到。