使用 jquery 对话框如何应用主题？答案

【问题标题】：With jquery dialog boxes how do you apply a theme?使用 jquery 对话框如何应用主题？
【发布时间】：2010-03-25 04:54:58
【问题描述】：

示例： http://jqueryui.com/demos/dialog/#modal-confirmation

显示的示例允许您查看源代码，甚至在右上角还有一个主题选择器。但是如何将主题应用到自己的代码中呢？

【问题讨论】：

标签： jquery css jdialog

【解决方案1】：

您需要包含作为主题一部分的 CSS 文件。例如，我想用 ui-darkness 主题为 jQuery 对话框设置主题：

<link type="text/css" rel="stylesheet" href="jQuery-theme-ui-darkness/jquery-ui.css" %>" />
<link type="text/css" rel="stylesheet" href="jQuery-theme-ui-darkness/ui.dialog.css" %>" />

【讨论】：

有道理，我如何将“Cupertino”主题应用到我的 div 中？他们显然在该页面上有它作为示例（通过单击右上角的子菜单并选择 cupertino），但我似乎无法在任何地方找到它。
从jqueryui.com/themeroller下载CUpertino主题。抓取这些文件并将它们链接起来，就像我展示的将 'ui-darkenss' 替换为 'cupertino' 一样，它就可以工作了。

【解决方案2】：

查看该链接页面上的“主题”标签。该插件为您定义了几个类。您只需将 CSS 应用于这些类。

【讨论】：

例如，从右上角的菜单中选择“Cupertino”作为主题。主题适用于对话框，但我无法找到如何将其应用到我自己的代码或找到它正在应用的 css

【解决方案3】：

主题化框架只是在大多数情况下一致使用的一系列 CSS 类。

要在您自己的代码中使用，只需将类应用于正确的元素，它们将通过 CSS 进行主题化。要开始使用，请here's a list of those classes and what they're used for。

【讨论】：