使用jquery對話框如何應用主題？

示例： http://jqueryui.com/demos/dialog/#modal-confirmation 使用jquery對話框如何應用主題？

顯示的示例允許您查看源代碼，甚至在右上角有一個主題選擇器。但是，如何將主題應用於自己的代碼？

2010-03-25 stormist

您需要包含屬於主題一部分的CSS文件。比如我想主題jQuery的對話與UI的黑暗主題：

<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" %>" />

來源

2010-03-25 06:57:56

這很有道理，我將如何將「Cupertino」主題應用於我的div？他們顯然在該頁面上有一個例子（點擊右上角的子菜單並選擇cupertino），但我似乎無法在任何地方找到它。 – stormist 2010-03-25 18:18:20

從http://jqueryui.com/themeroller/下載CUpertino主題。抓住這些文件並將它們鏈接起來，就像我已經顯示用'cupertino'取代'ui-darkenss'一樣，它就會起作用。 – 2010-03-25 18:53:07

查看該鏈接頁面上的「主題」選項卡。該插件爲您定義了幾個類。你只需要將CSS應用到這些類。

來源

2010-03-25 04:58:20 Cfreak

作爲一個例子，從右上角的菜單中選擇「Cupertino」作爲主題。主題適用於對話框，但我無法找到如何將其應用於我自己的代碼或找到它正在應用的CSS – stormist 2010-03-25 05:04:28

主題化框架僅僅是被一致使用的大部分一系列CSS類。

要在您自己的代碼中使用，只需將類應用到正確的元素，並且它們將通過CSS實現主題。要開始，here's a list of those classes and what they're used for。

來源

2010-03-25 10:44:04

使用jquery對話框如何應用主題？

回答

相關問題