0

このコードを機能させようとしていますが、何度も試してもまだ実行できません。画像はアニメーション化するはずですが、機能しません。何が間違っているのですか？ありがとう

<!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>
4

2 に答える 2

1

ここで正常に動作します: http://jsfiddle.net/B9z92/

あなたのコード例では、タグ fragment があり<script type=""ます。おそらくそれはあなたの問題ですか？

どのような動作が発生していますか? JavaScript エラーが発生していませんか?

編集: 37 行目で「Unexpected token ILLEGAL」というエラーが発生しているようです。そのコードの一部をどこかからコピー/貼り付けしましたか? への呼び出しの後にすべての空白を削除してみてrunit()、問題が解決するかどうかを確認してください。

于 2012-05-19T08:22:27.650 に答える
1

うまく機能しています。コードに破損があり<script type=""ます。削除してください。しかし、それは私の壊れたタグで動作します。それでも問題が解決しない場合は、firebugまたはそのようなタイプのデバッガーを使用してエラーを確認してください。

  • jquery が正しく読み込まれているかどうかを確認します。
  • 問題ではないかもしれませんが、 の<script>直前にコードを取得してください。</body>

関数を呼び出すjsコードに移動し、runit();カーソルを後ろに置き、キー;を押しbackspaceてセミコロン（;）を削除し、スクリプトを保存してアップロードし、もう一度確認します。

于 2012-05-19T08:27:36.553 に答える