示例:http: //jqueryui.com/demos/dialog/#modal-confirmation
显示的示例允许您查看源代码,甚至在右上角有一个主题选择器。但是如何将主题应用到自己的代码中呢?
示例:http: //jqueryui.com/demos/dialog/#modal-confirmation
显示的示例允许您查看源代码,甚至在右上角有一个主题选择器。但是如何将主题应用到自己的代码中呢?
您需要包含作为主题一部分的 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" %>" />
主题框架只是在大多数情况下一致使用的一系列 CSS 类。
要在您自己的代码中使用,只需将类应用于正确的元素,它们将通过 CSS 进行主题化。首先,这里列出了这些类以及它们的用途。
查看该链接页面上的“主题”选项卡。该插件为您定义了几个类。您只需要将 CSS 应用于这些类。