jQuery animate() 出现问题
这是我的 html 文档。我正在尝试使用 jQuery animate() 将我的一个标题移动到另一个位置，但由于某种原因我无法让它启动。 fadeOut 和 fadeIn 工作，所以我知道我的 JavaScript href 正在工作。此外，它与不声明文档类型无关。
<html>
<head>
<title>We Hate Treyarch - Let your opinions mean something </title>
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(function(){
$(window).load(function(){
$("#underhead").animate
({top:600px;left:600px;},2000);
$("#underhead").animate
({top:170px;left:165px;},5000);
});
});
</script>
</head>
<body>
<div id="tophead"></div>
<div id="sechead"> </div>
<div id="header">
<h1 id="hye">We <span class="kame"><b>hate</b></span> treyarch</h1>
</div>
<div id="underhead">and so do you...</div>
</body>
</html>
Here is my html doc. I'm trying to work my one header to another position using jQuery animate() and for some reason I can't get it to fire. The fadeOut and fadeIn work so I know that my JavaScript href is working. Also, it doesn't have to do with not declaring the document type.
<html>
<head>
<title>We Hate Treyarch - Let your opinions mean something </title>
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(function(){
$(window).load(function(){
$("#underhead").animate
({top:600px;left:600px;},2000);
$("#underhead").animate
({top:170px;left:165px;},5000);
});
});
</script>
</head>
<body>
<div id="tophead"></div>
<div id="sechead"> </div>
<div id="header">
<h1 id="hye">We <span class="kame"><b>hate</b></span> treyarch</h1>
</div>
<div id="underhead">and so do you...</div>
</body>
</html>
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
javascript 对象不是这样定义的：
它是这样的：
这必须是 javascript 语法，而不是 CSS 语法。
这应该已经在 javascript 错误控制台或您使用的任何 js 调试器的控制台窗口中为您进行了描述，因为它是 javascript 语法错误。
另外，没有理由同时使用两者：
在其内部：
使用其中之一。我建议只使用 jQuery 版本，除非您必须等待图像完成加载，在这种情况下仅使用 window.load 版本。
此代码有效：
您可以在此处查看它的实际效果： http://jsfiddle.net/jfriend00/V23rW/< /a>.
A javascript object is not defined like this:
It's this:
This must be javascript syntax, not CSS syntax.
This should have been described for you in the javascript error console or the console window in whatever js debugger you use as it's a javascript syntax error.
Also, there no reason to use both:
with this inside of it:
Use one or the other. I'd suggest just the jQuery version unless you have to wait for images to finish loading in which case only use the window.load version.
This code works:
and you can see it in action here: http://jsfiddle.net/jfriend00/V23rW/.
这是正确的动画语法，你的是错误的。
Here's the correct animate syntax, yours is wrong.