0

私は今日Jqueryを学び始めたばかりなので、Jqueryにはかなり慣れていません。ただし、jquery プログラムを動作させるのに問題があります。

CSSは次のとおりです。

p {
    opacity: 0;
}

Jクエリは次のとおりです。

$(document).ready(function() {
    $("p").delay(1000).fadeTo("fast", 100);
});

そしてHTML：

<!DOCTYPE html>
<html>
    <head>
        <title>PP1114</title>
        <script type="text/javascript" src="PP1114.js"></script>
        <link rel="stylesheet" type="text/css" href="PP1114.css">
            <!-- these are both links to documents on my computer-->
    </head>
    <body>
        <p>Done!</p>
    </body>
</html>

非常に単純なプログラム。ページを開いた直後に p 要素をフェードアウトさせたかったのですが、常に空白のページになってしまいます。Google Chromes inspect element ツールで、html ファイルが css ファイルと jquery ファイルを正しく取得しているかどうかを確認しました。私のcssファイルが機能していることはわかっているので、問題はChromeがJqueryプログラムを読んでいることに関係していると思います。トラブルシューティングを何度も行いましたが、解決できなかったようです。どうしたの？

4

3 に答える 3

3

あなたのページには が含まjquery.jsれていません。内の他の直前に次を追加します。<script><head>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.0.js"></script>

または、Google の CDN にあるバージョンを含めます。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>

または、独自の Web サーバーに保存されているバージョンを含めます。

その後、JS は正常に動作しますが、2 番目のパラメーターは: (パーセンテージではありません) ではなくするfadeTo()必要があります。1100opacity

ブラウザのコンソール (Chrome では F12 または ctrl-shift-I で開くことができます) でエラーを探していた場合、次のエラーが表示されることに注意してください。

Uncaught ReferenceError: $ is not defined

...これは、jQuery が利用できないというかなり強力なヒントです。

デモ: http://jsbin.com/isutim/1/edit

于 2013-06-15T06:16:06.963 に答える
1

jquery-1.9.1.js ファイルをインクルードしましたか?jquery.org からインクルードすることもできます。あなたのコードから、それが問題を引き起こしている可能性があると思います

于 2013-06-15T06:17:41.980 に答える
0

Javascript の組み込み setTimeout() は Chrome で動作するはずです。

window.setTimeout(function () { $("p").fadeTo("fast", 100); }, 1000);
于 2013-06-15T06:12:07.687 に答える