Question

可能重复：
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，如上所示，我也有它在同一文件夹中，除了引用当前文件夹中jquery-ui-1.8.16.custom.min.js文件夹中的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

感谢。

Answer 1

你把它放在窗口或文件上载功能吗？此页面与脚本位于同一文件夹中吗？

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

Answer 2

你可能以某种方式无法包含jQueryUI，因为颜色动画来自于此。你的jquery-ui-1.8.16.custom.min.js在名为js的文件夹里面吗？你还应该将你的文件夹结构包含在这个问题中，因为它不清楚是什么问题。此外，如果存在这样的事情，您可能需要查看浏览器的开发人员控制台（它可能会告诉您文件无法加载或语法错误）。您还应该提一下您所使用的浏览器，以便更轻松地为您提供帮助。

jQuery - 背景仍未改变

2 个答案: