Question

我是jQueryUI的新手，我想我忽略了一些非常基本的东西......

我的问题的简要说明

我使用ThemeRoller下载了一个jQueryUI主题，它也生成了一个jQueryUI javascript文件。我宁愿使用Google托管的文件（http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js），但是当我这样做时，主题就不会被选中。我发现很难相信我必须使用ThemeRoller生成的脚本，因为如果是这种情况那么谷歌托管的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要好得多，但它还没有“稳定”发布（截至撰写本文时......）。 / p>

Answer 1

在此复制您的设置.. Themeroller为您提供了jQuery UI 1.6rc5，而您推荐的Google版本似乎是另一个版本（1.5.3？）..这可能是您的来源吗？问题

Answer 2

有一天，当我丢失无线信号时，我遇到了类似的问题。您确定可以访问Google吗？

Answer 3

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

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

我的问题的简要说明

更多详情

3 个答案: