jquery - 使用 Google 托管的 jquery-ui.js 让主题在 jQueryUI 中工作时出现问题

标签 jquery jquery-ui themeroller

我是 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 好多了,但它还不是“稳定”版本(截至撰写本文时......)。

最佳答案

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

关于jquery - 使用 Google 托管的 jquery-ui.js 让主题在 jQueryUI 中工作时出现问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/481372/

相关文章:

jQuery - DateTimePicker - 制作删除当前时间所需的时间

jquery - 为什么 JQuery UI slider 中的句柄是 <a> 标签?

jQuery Ui slider - 限制范围

css - 在 SpringSource Tool Suite 中,我可以在哪里编辑主题?

jquery-ui - 如何为全日历使用不同的主题

jquery - Primefaces 和 themeroller firefox 开发者工具

jquery - 将 jCarousel 与 jQuery 模板结合使用

javascript - 将日期列表添加到数组,验证并获取最大值

javascript - 混合回调函数和 jQuery 延迟队列

c# - 带有缩略图和全尺寸图像的 ModalPopupExtender