我是 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”主题如下:
- 前往ThemeRoller网站。
- 单击“图库”按钮。
- 单击“平滑度”主题下方的“下载”按钮。
- 将 .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 更好,但它还不是“稳定”版本(在撰写本文时......)。