jquery.ui.theme.css 和 jquery-ui.css 有啥区别？

Posted 2023-03-06

【中文标题】jquery.ui.theme.css 和 jquery-ui.css 有啥区别？

【英文标题】：What's the difference between jquery.ui.theme.css and jquery-ui.css?jquery.ui.theme.css 和 jquery-ui.css 有什么区别？

【发布时间】：2013-06-08 00:25:35

【问题描述】：

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

【参考方案1】：

Docs 说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.theme.css) 时，浏览器可能已经缓存了 jquery-ui.structure.css。

【讨论】：

我仍然不确定这是什么意思？我正在查看 themeroller 文件，其中只有一个 css 文件（一分钟和一个扩展），但您说的是 themeroller 修改了这两个文件。你是说我应该使用ui-structure.css 和主题滚轮主题（例如start.css）和jquery-ui.css 和ui.theme.css 还是只使用结构和主题滚轮文件？

@AaA 我不知道start.css。此外，当我查看新创建的主题滚轮 zip 时，我的答案中提到了所有文件，而不仅仅是一个 css 文件。如果您不确定整个事情，您可以使用jquery-ui.css，它将包含所有内容，包括您在下载 zip 之前所做的自定义。

【参考方案2】：

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

【参考方案3】：

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

【参考方案4】：

从 JQuery Docs 中逐字窃取此引用。这正是您所要求的。

由于框架样式仅涵盖外观，插件特定 样式表是分开的。这些包含所有额外的结构 使小部件正常运行所需的样式规则，例如 尺寸、填充、边距、定位和浮动。什么时候 下载 jQuery UI，这些可以在 jquery-ui.structure.css 中找到。

【参考方案5】：

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 的“默认主题”或默认样式表，即“平滑度”。

【讨论】：

这是一个“完美”的答案吗？回复表明“Jquery-ui-theme”是“文件夹或链接或文件”......那么它是什么？问题不在于文件夹或链接。具体来说就是jQuery UI ThemeRoller引擎提供的两个.css文件的区别，分别是：jquery.ui.theme.css和jquery.ui.css。此外，询问是否两者都是必要的，哪个答案没有解决。答案表明 jquery-ui 只是一个默认值，因此它告诉我，如果使用主题，则不需要它......在这里获得更多详细信息会很好，因为我有与 O.P. 相同的问题

此外，ThemeRoller 工具不会生成任何名为 jquery.ui.theme.css 的东西；它生成 theme.css 和 jquery-ui.css。再一次，我想知道这两者之间的详细区别，以及为什么你会使用一个而不是另一个——或者，如果两者都需要，它们在引用时应该以什么顺序出现？