Question

可能重复：
  jQuery animate backgroundColor
  Changing the background color of a <div> section

按下按钮后，我有以下代码尝试更改文本的背景颜色。情况是它没有做它想要做的事情。这是为什么？这里出了什么问题。

HTML代码

<html>
<head>
<script type="text/javascript" src="jquery-1.6.4.js"></script>
<script type="text/javascript" src="script.js"></script>
<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.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
</body>
</div>
</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

感谢。

Answer 1

<script type="text/javascript" src="jquery-1.6.4.js"></script>
<script type="text/javascript" src="script.js"></script>
<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script>

参考点是否正确？删除引用后，它正在jsfiddle上工作。

Answer 2

尽管（抱歉）你的代码看起来很糟糕（html标签的顺序错误，你包括jquery两次，......）animate（）不能与backgroundColor开箱即用，你会需要颜色插件。 mu太短了在他的帖子评论中发布了相关帖子的链接。

jQuery - 背景颜色不变

2 个答案: