Question

我正在尝试使这段代码正常工作，但在尝试了很多之后我仍然无法运行它。图像应该是动画但不起作用。任何想法都错了吗？感谢

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<script type=""
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>

<style type="text/css">
img
{
    position:absolute;
}

</style>

<script type="text/javascript">
$(document).ready(function() {
 $zombie = $('img#flickr');


          function runit(){

            $zombie
             .animate({ opacity: 1 },100)
                .animate({top:'300px',left:'300px'}, {duration:2000})
            .animate({top:'260px',left:'340px'}, {duration:2000})
            .animate({top:'220px', left:'380px'}, {duration:2000})
            .animate({top:'180px', left:'420px'}, {duration:2000})
            .animate({top:'140px', left:'460px'}, {duration:2000})
                .animate({top:'100px', left:'500px'}, 2000,function(){
                   runit();    
                });

        }


        runit();
});
</script>
</head>

<body>
<!--<img id ="flickr" src="9.png" />
-->
<img id ="flickr" src="http://placekitten.com/g/200/300" />
</body>
</html>

Answer 1

在这里工作正常：http://jsfiddle.net/B9z92/

在您的代码示例中，您有标记片段<script type=""。也许那是你的问题？

您遇到了什么行为？你收到任何javascript错误吗？

编辑：看起来你在第37行收到错误“Unexpected token ILLEGAL”。你是否从某个地方复制/粘贴了一些代码？在调用runit()后尝试并删除所有空格，看看是否能解决问题。

Answer 2

Its 工作正常。您的代码中存在损坏的<script type=""，请将其删除。但是对于那个破碎的标签来说它适用于我的。如果仍有问题，请使用firebug或此类型调试程序检查错误。

检查jquery是否正确加载。
在<script>之前使用</body>代码，但可能不是问题。

调试JQuery - 在Code中不起作用

2 个答案:

转到调用函数`runit();`的js代码，将光标放在`;`后面并按`backspace`键，直到删除分号（`;`）并保存脚本，上传并再次检查。

调试JQuery - 在Code中不起作用

2 个答案:

转到调用函数runit();的js代码，将光标放在;后面并按backspace键，直到删除分号（;）并保存脚本，上传并再次检查。

转到调用函数`runit();`的js代码，将光标放在`;`后面并按`backspace`键，直到删除分号（`;`）并保存脚本，上传并再次检查。