2010-04-01 55 views
17

我想第一次安装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

+0

所以,你刚刚安装你的自定义主题的东西在基础文件夹? – 2012-03-12 17:08:29

回答

17

你需要改变你的脑袋该链接,就应该在这种格式:

<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" /> 
+0

jquery-ui-1.8.custom.css文件实际上在js子文件夹中,但我已经将它复制(和UI js文件)为另一个文件夹 - 我的CSS链接是正确的。 – CJM 2010-04-02 01:02:26

+0

最后一点评论 - 我想我是在说我的帽子。我会检查... :) – CJM 2010-04-02 01:12:47

+2

@CJM - 这些也是CDN托管的,例如,从google中将redmond从您的样式表链接更改为:http://ajax.googleapis.com/ajax/libs/jqueryui/1.8 /themes/redmond/jquery-ui.css – 2010-04-02 01:21:31

0

平滑是一个灰色的主题 - 你确定它没有正确设置?也许尝试一个更丰富多彩的主题,看看它是否与美乐家相匹配。

+0

对不起 - 我实际上首先尝试了redmond - 同样的结果(见上面) – CJM 2010-04-02 01:02:53

0

平滑度是您下载jquery ui时获得的“默认”gery主题。当你滚动你自己的主题时,那么CSS目录应该有一个“自定义”目录,它具有你的滚动主题。

您确定在下载jqueryUI而不是自定义或其他主题时没有选择平滑度数学吗?

有时,当您更改主题时,您需要实际重新加载页面(f5)以查看更改。