7

我是 jQueryUI 的新手,我认为我忽略了一些非常基本的东西......

快速描述我的问题

我使用ThemeRoller下载了一个 jQueryUI 主题,它还会生成一个 jQueryUI javascript 文件。我宁愿使用托管在 Google ( http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js) 上的文件,但是当我这样做时,主题不会被拾取。我很难相信我必须使用 ThemeRoller 生成的脚本,因为如果是这种情况,那么 Google 托管的 jQueryUI 将完全没用!我在这里做错了什么?


更多细节

所以我从 Themeroller 下载了“Smoothness”主题如下:

  1. 前往ThemeRoller网站。
  2. 单击“图库”按钮。
  3. 单击“平滑度”主题下方的“下载”按钮。
  4. 将 .zip 文件(使用文件夹名称)解压缩到本地目录(例如C:\jqueryui_test)。

现在,我在同一个目录中创建了一个非常简单的test.html文件,其中包含以下内容:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link type="text/css" href="ui.all.css" rel="stylesheet" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js"></script>
<script type="text/javascript">
$(function() {
  $("#datepicker").datepicker({inline: true});
});
</script>
</head>
<body>
<div id="datepicker"></div>
</body>
</html>

当我test.html在浏览器中打开时,日期选择器组件没有设置样式(没有背景图像或任何东西)。但是,如果我将 Google 托管的jquery-ui.min.js行更改为 ThemeRoller 生成的行 ( <script type="text/javascript" src="jquery.ui.all.js"></script>),则页面的样式将符合预期。


更新 我接受的答案并不是真正的最终解决方案,但它引导我走上了正确的道路。事实证明,如果你只下载 JQueryUI,你会得到很多东西。Google 托管的文件可以只替换“jquery.ui.all.js”文件,但您仍然需要“themes”目录。另外,Themeroller 主题在 1.5.3 中不能很好地工作(甚至是“1.5.3 用户”链接)。因为这只是一个管理页面,我只使用了内置的“flora”主题。看起来 jQuery UI 1.6 更好,但它还不是“稳定”版本(在撰写本文时......)。

4

3 回答 3

3

在这里复制了您的设置.. Themeroller 为您提供了jQuery UI 1.6rc5,而您所指的 Google 版本似乎是不同的版本(1.5.3?).. 这可能是您问题的根源吗?

于 2009-01-26T21:34:50.600 回答
0

前几天我的无线信号丢失了一会儿,我也遇到了类似的问题。您确定您可以访问 Google 吗?

于 2009-01-26T21:26:57.293 回答
0

我已经确认这是一个错误或什么的。您必须使用主题滚动文件夹中的 jquery ui 版本,而不是 google AJAX api 版本。希望当 google 托管新的 jquery ui 文件时,这将得到解决。

于 2009-01-31T23:50:52.440 回答