jquery.ui.theme.css和jquery-ui.css之间有什么区别?

时间:2013-06-12 01:09:16

标签: jquery css jquery-ui

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

5 个答案:

答案 0 :(得分:24)

Docsjquery-ui.cssjquery-ui.theme.css附加到jquery-ui.structure.css。如果从ThemeRoller下载这些文件,则jquery-ui.cssjquery-ui.theme.css都将包含自定义更改。 <{1}}在自定义设置中保持不变。

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

不使用jquery-ui.css

的一些原因

提供这些文件的拆分版本是有意义的,以便为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中找到。