jQuery UI ThemeRoller - 安装主题

发布于 2024-08-27 14:45:47 字数 1400 浏览 8 评论 0原文

我第一次尝试安装带有 ThemeRoller 主题的 jQuery UI。我已经下载了 jquery 1.4.2...我已经下载了带有几个主题的 jQuery UI。我尝试按照说明进行操作,但它们似乎相互矛盾,并且似乎与下载的文件无关。

当我尝试使用日期选择器时...日期选择器功能有效,但它具有默认(灰色)样式。

此页面引用了不存在的文件夹/子文件夹/css 文件。此页面引用了不存在的 ui.theme.css 文件。

我收到的下载包括以下内容:

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

那么你把什么放在哪里?我已将 js 复制到适当的目录并将其链接到我的页面中。我还复制了 theme/base 文件夹,并链接到 jquery.ui.all.css 文件中。即使包含的演示也只显示默认(灰色)样式。

我哪里出错了?

编辑:

抱歉,我实际上首先尝试了 Redmond,但是当它不起作用时,我尝试了 Smoothness(随机选择 - 没有意识到它是灰色的)。我对每个结果都得到相同的结果 - 灰色。 [还更正了上面的文件夹结构]

编辑2: 嗯,我已经弄清楚了......最初的 Smoothness 或 Redmond 下载都没有 CSS 文件夹(从我上面描述的结构中可以看出)。这两个主题都在几分钟内下载完毕,并且文件大小不同)。 我刚刚尝试下载 Cupertino,它确实有一个 CSS 文件夹 - 当我将其复制到我的应用程序时,我得到了适当的样式。

所以我尝试再次下载 Redmond,结果你瞧 - 现在也是如此有一个 CSS 文件夹... 我想知道我是否可能已经下载了两次相同的主题,但它们有不同的时间戳和不同的文件大小......我很困惑。也许 jQuery 服务器只是脑子有问题!

今天的金星归于 nick,他让我跟踪了 jquery-ui-1.8.custom.css,这最终让我顿悟了!

编辑 3:

我刚刚开始下载 Start 和 Humanity - 这两个 zip 文件都没有 CSS 文件夹!

进一步挖掘,似乎我可能并没有疯

I'm trying to install jQuery UI with a ThemeRoller theme for the first time. I've downloaded jquery 1.4.2... I've downloaded jQuery UI with a couple of themes. I've tried to follow the instructions but they seem contradictory and don't seem to related to the downloaded files.

When I try to use a datepicker... the datepicker functionality works, but it has the default (grey) style.

This page refers to a folder/sub-folder/css files that don't exist. This page refers to a ui.theme.css file that doesn't exist.

The downloads I received included the following:

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

So what do you put where? I've copied the js to the appropriate directory and linked it into my page. And I copied the themes/base folder as well, and linked into the jquery.ui.all.css file. Even the included demos only display the default (grey) styling.

Where am I going wrong?

EDIT:

Sorry, I actually tried Redmond first, but when it didn't work, I tried Smoothness (a random selection -didn't realise it was the grey one). I get the same results for each - grey.
[also corrected folder structure above]

EDIT 2:
Well, I've figured it out.... neither of the initial Smoothness or Redmond downloads had a CSS folder (as could be seen from the structure I described above). Both of these themes were downloaded within minutes of each other and have different file sizes).
I've just tried downloading Cupertino, which does have a CSS folder - when I copy this to my app, I get appropriate styling.

So I tried downloading Redmond again, and lo and behold - it also now has a CSS folder...
I wondered if I might have downloaded the same theme twice, but they have different timestamps and different file sizes... I'm puzzled. Perhaps the jQuery server was just having a brain-fart!

Todays gold star goes to nick for putting me onto the trail of jquery-ui-1.8.custom.css, which eventually led to my epiphany!

EDIT 3:

I've just started downloading Start and Humanity - both zip files DO NOT have a CSS folder!

Digging further, it seems I might not be crazy after all.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

迟月 2024-09-03 14:45:47

您需要在头脑中更改此链接,它应该采用以下格式:

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

例如,如果您下载了 redmond 主题,则为:

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

You need to change this link in your head, it should be in this format:

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

For example, if you downloaded the redmond theme would be:

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

Whatever theme you chose when downloaded should be included in the zip at this path. If you built a custom theme, it will be:

<link rel="Stylesheet" href="/css/custom-theme/jquery-ui-1.8.custom.css" />
诺曦 2024-09-03 14:45:47

平滑度是灰色主题 - 您确定它设置不正确吗?也许尝试一种更丰富多彩的主题,看看它是否与 themeroller 相匹配。

Smoothness is a grey theme - are you sure that it is not setup correctly? Maybe try one of the more colorful themes and see if it matches up with themeroller.

╭⌒浅淡时光〆 2024-09-03 14:45:47

Smoothness 是您下载 jquery ui 时获得的“默认”gery 主题。当您滚动自己的主题时,css 目录应该有一个“自定义”目录,其中包含您滚动的主题。

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

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

Smoothness is the "default" gery theme you get when you download jquery ui. When you roll your own theme then the css directory should have a "custom" directory which has your rolled theme.

Are you sure you didn't selected the smoothness teheme while downloading jqueryUI instead of custom or another theme?

Sometimes, when you change a theme you need to actually reload the page (f5) to see the changes.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文