0

Web サイトで jQuery を使用してみましたが、うまくいかないようでした。何か間違ったことをしていると思ったので、完了した codecademy のレッスンをテスト サイトにコピーしてみました。コードは次のとおりです。

HTML

<!DOCTYPE html>
<html>
    <head>
        <title>Test Codecademy Lesson</title>
        <link rel='stylesheet' type='text/css' href='stylesheet.css'/>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
        <script type='text/javascript' src='script.js'></script>
    </head>
    <body>
        <img src="http://i1061.photobucket.com/albums/t480/ericqweinstein/elevator.png"/>   
    </body>
</html>

CSS

body {
    margin: 0;
    padding: 0;
}
img {
position: absolute;
}

JavaScript/jQuery

$(document).ready(function() {
    $('img').animate({top:'+=100px'},1000)
});


このコードが機能しない理由を教えてくれる人はいますか? 私のブラウザは Chrome で、最新バージョンを使用しています。

4

2 に答える 2

6

jquery ライブラリをダウンロードして、ローカル ファイルを保存する必要があります。

http://jqueryui.com/

また

このリンクを使用する必要があります

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

または縮小版の場合

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js - バージョン 1.9.1 ファミリー、Google がホスト

これも参照できます

Google API の「最新」の jQuery ライブラリへのリンクはありますか?

于 2013-10-22T14:52:10.257 に答える
2

画像は起動されるまで読み込まれません。効果を実際に確認できるようにdocument.ready使用window.loadすることをお勧めします。次のコードを置き換えてください。

$(document).ready(function() {

これについて：

$(window).load(function() {
于 2013-10-22T14:53:39.843 に答える