Kip*_*Kip 7 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生成的脚本,因为如果是这种情况那么谷歌托管的jQueryUI将完全没用!我在这做错了什么？
所以我从Themeroller下载了"Smoothness"主题如下:
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？）.. 这可能是您问题的根源吗？