jQuery UI ThemeRoller - 安裝主題

我想第一次安裝ThemeRoller主題的jQuery UI。我已經下載了jquery 1.4.2 ...我已經下載了幾個主題的jQuery UI。我試圖按照說明操作，但它們看起來矛盾，似乎與下載的文件無關。jQuery UI ThemeRoller - 安裝主題

當我嘗試使用日期選擇器...日期選擇器功能工作，但它具有默認（灰色）樣式。

This page指的是不存在的文件夾/子文件夾/ css文件。此頁面引用不存在的ui.theme.css文件。

我收到的下載包括以下內容：

--development-bundle 
---demos 
----docs 
----external 
----themes 
------base 
------Redmond 
----ui 
------i8n 
------minified 
--js

那麼你放在哪裏？我已將js複製到適當的目錄並將其鏈接到我的頁面中。我也拷貝了themes/base文件夾，並鏈接到jquery.ui.all.css文件中。即使是包含的演示只顯示默認（灰色）樣式。

我哪裏錯了？

編輯：

對不起，我真的試圖雷德蒙第一，但是當它沒有工作，我試圖平滑度（隨機選擇-didn't意識到這是灰色的）。我得到了相同的結果 - 灰色。 [也校正文件夾結構上方]

編輯2： 好，我已經理解了它....既不初始平滑度或雷德蒙下載了CSS文件夾（如可從看出我上面描述的結構）。這兩個主題都是在幾分鐘內下載的，具有不同的文件大小）。我剛剛嘗試下載庫比蒂諾，它有一個CSS文件夾 - 當我將其複製到我的應用程序時，我得到適當的樣式。

所以，我想下載微軟再次，你瞧 - 它現在也有一個CSS文件夾... 我想，如果我可能已經下載了同一個主題的兩倍，但他們有不同的時間戳和文件大小不同...我很困惑。也許jQuery服務器只是有一個大腦放屁！

今天的黃金明星去尼克把我放到jquery-ui-1.8.custom.css，最終導致我的頓悟！

編輯3：

我剛開始下載開始與人性 - 無論是壓縮文件沒有一個CSS文件夾！

挖掘進一步，它似乎I might not be crazy after all。

來源

2010-04-01 CJM

所以，你剛剛安裝你的自定義主題的東西在基礎文件夾？ – 2012-03-12 17:08:29

你需要改變你的腦袋該鏈接，就應該在這種格式：

<link rel="Stylesheet" href="/css/MY_THEME_HERE/jquery-ui-1.8.custom.css" />

例如，如果你下載了微軟的主題將是：

<link rel="Stylesheet" href="/css/redmond/jquery-ui-1.8.custom.css" />

無論主題，你選擇下載時應該包含在此路徑的zip中。如果你建立了一個自定義的主題，它將是：

<link rel="Stylesheet" href="/css/custom-theme/jquery-ui-1.8.custom.css" />

來源

2010-04-02 00:32:46

jquery-ui-1.8.custom.css文件實際上在js子文件夾中，但我已經將它複製（和UI js文件）爲另一個文件夾 - 我的CSS鏈接是正確的。 – CJM 2010-04-02 01:02:26

最後一點評論 - 我想我是在說我的帽子。我會檢查... :) – CJM 2010-04-02 01:12:47

@CJM - 這些也是CDN託管的，例如，從google中將redmond從您的樣式錶鏈接更改爲：http://ajax.googleapis.com/ajax/libs/jqueryui/1.8 /themes/redmond/jquery-ui.css – 2010-04-02 01:21:31

平滑是一個灰色的主題 - 你確定它沒有正確設置？也許嘗試一個更豐富多彩的主題，看看它是否與美樂家相匹配。

來源

2010-04-01 23:47:55

對不起 - 我實際上首先嚐試了redmond - 同樣的結果（見上面） – CJM 2010-04-02 01:02:53

平滑度是您下載jquery ui時獲得的「默認」gery主題。當你滾動你自己的主題時，那麼CSS目錄應該有一個「自定義」目錄，它具有你的滾動主題。

您確定在下載jqueryUI而不是自定義或其他主題時沒有選擇平滑度數學嗎？

有時，當您更改主題時，您需要實際重新加載頁面（f5）以查看更改。

來源

2010-04-02 00:21:58 Ben

jQuery UI ThemeRoller - 安裝主題

回答

相關問題