jQuery - 背景颜色不改变
可能的重复：
jQuery 动画背景颜色
更改
我有以下代码尝试在按下按钮后更改文本的背景颜色。情况是它没有做它想做的事。这是为什么？这里出了什么问题。
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，如上所示，除了引用 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。 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
谢谢。
Possible Duplicate:
jQuery animate backgroundColor
Changing the background color of a <div> section
I have the following code trying to change the background color of a text after pressing a button. The case is that it is not doing what it is intended to do. Why is that? What is going wrong here.
HTML code
<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");}
);
EDIT
I want to notice that I have a folder called: jquery-ui-1.8.16.custom, and this is where I'm putting these files in. And, I have referenced jquery-1.6.4,js as shown above which I also have it in the same folder, in addition to referencing jquery-ui-1.8.16.custom.min.js which is in the js folder in the current folder.
What am I getting wrong here? Isn't this the way to reference jQuery and jQueryUI?
Browser used: Mozilla Firefox 6.0.2
Folder structure:
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
Thanks.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
参考点的路径是否正确？删除引用后，它正在 jsfiddle 上运行。
Are the references point correct path? It is working on jsfiddle after removing the references.
尽管事实上（抱歉）你的代码看起来很糟糕（html标签的顺序错误，你包含jquery两次，...） animate() 不能与开箱即用的
backgroundColor一起使用，你会需要颜色插件。 mu 太短了，在他对您帖子的评论中发布了相关主题的链接。Despite the fact that (sorry) your code looks horrible (wrong order of html tags, you include jquery twice, ...) animate() doesn't work with
backgroundColorout of the box and you will need the color plugin. mu is too short posted a link to a related thread in his comment on your post.