jQuery - 背景仍然没有改变[重复]答案

【问题标题】：jQuery - The background is still not changing [duplicate]jQuery - 背景仍然没有改变[重复]
【发布时间】：2011-11-29 08:25:51
【问题描述】：

可能重复：
jQuery - Background color not changing

我知道我已经多次发布了类似的问题，但我真的很困惑为什么不工作。

这是我最新版本的代码：

HTML

<html>
<head>
<script type="text/javascript" src="jquery-1.6.4.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script>
<script type="text/javascript" src="script.js"></script>
<style type="text/css"> 
#name{
background-color: #FFFFF2;
width: 100px;
}
</style>
</head>
<body>
<input type="button" id="bgcolor" value="Change color"/>
<div id="name">
Abder-Rahman
</div>
</body>
</html>

script.js

$("#bgcolor").click(function(){
    $("#name").animate(
        {backgroundColor: '#8B008B'},
        "fast");}
);

我想注意到我有一个名为：jquery-ui-1.8.16.custom 的文件夹，这是我放置这些文件的位置。而且，我已经引用了 jquery-1.6.4,js，如上所示，我也将它放在同一个文件夹中, 除了引用当前文件夹的js 文件夹中的jquery-ui-1.8.16.custom.min.js。

我在这里做错了什么？这不就是引用jQuery和jQueryUI的方式吗？

编辑

使用的浏览器： Mozilla Firefox 6.0.2

文件夹结构： jquery-ui-1.8.16.custom/abc.html jquery-ui-1.8.16.custom/script.js jquery-ui-1.8.16.custom/jquery-1.6.4.js jquery-ui-1.8.16.custom/js/jquery-ui-1.8.16.custom.min.js

谢谢。

【问题讨论】：

不要打开连续的问题。如果您想添加一些内容，请编辑您的前一个。此外，如果他们的回答对您不起作用，请与回答您的人沟通，询问进一步的说明。不要在没有首先尽力解决第一个问题的情况下就提出新问题。

标签： jquery jquery-ui background-color

【解决方案1】：

您可能不知何故未能包含 jQueryUI，因为这就是彩色动画的来源。您的 jquery-ui-1.8.16.custom.min.js 是否在名为 js 的文件夹中？您还应该将您的文件夹结构包含在此问题中，因为尚不清楚有什么问题。此外，您可能想查看浏览器的开发人员控制台，如果那里有这样的东西（它可能会告诉您文件加载失败或您有语法错误）。您还应该提及您使用的浏览器，以便更轻松地为您提供帮助。

【讨论】：

【解决方案2】：

你把它放在窗口或文档的onload函数中了吗？此页面是否与您的脚本在同一文件夹中？

$(document).ready(function(){
    $("#bgcolor").click(function(){
    $("#name").animate(
        {backgroundColor: '#8B008B'},
        "fast");}
);
});

【讨论】：

该页面与我的脚本位于同一文件夹中。但是，我应该包含一个“onload()”函数吗？我认为没有这个也可以，因为我已经包含了脚本
如果你不把它放在onload函数中，那么脚本会在文档准备好之前运行，这意味着你的bgcolor元素还不存在。
在这种情况下，当我在<body>标签中插入onload时，它应该等于什么？ IE; `onload=???`.谢谢
另外，如果您注意到，我正在尝试通过触发按钮来运行脚本。那么，这还不足以让文档准备就绪吗？
您正在尝试向不存在的事物添加事件处理程序。