0

そしてまたしても、学習プロセスに行き詰まっています。ここで提供されているヘルプを使用して、サイトの背景をアニメーション化しようとしています。しかし、私は少し立ち往生しています。私は（基本的なactionscriptを置き換えるために）javascriptを教えています。貼り付けをコピーするのではなく、行ごとに書くのが好きなので、物事がどのように機能するかを理解できます。

これは私がこれまでに持っているものです:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml"><head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>My Site</title>
<script type="text/javascript">
    $(document).ready(function(){
        window.alert("function started");
    });
    </script>
    </head>

    <body>
    </body>
    </html>

ご覧のとおり、関数が開始されると警告ウィンドウがポップアップするはずですが、ポップアップしません。これが発生する理由はありますか、それとも、ページが読み込まれたときにやりたいことを処理するためにボディの onLoad 関数を設定する必要がありますか?

4

3 に答える 3

3

ページに jQuery JavaScript API を含めるのを忘れました。関数を使用する前に含める必要があります (この場合$()は関数のエイリアスです)。jQuery()

ブラウザの Javascript コンソールを確認すると、 undefined を使用しようとすると例外が発生する可能性があります$。(IE で Web 開発を行う際の便利なトリックは、[スクリプト エラーごとに通知を表示する] の [詳細設定] オプションを有効にすることですが、多くの開発者は未処理の JS 例外の特定と修正についてお粗末であるため、他のサイトにアクセスするときに面倒になる可能性があります!最新のブラウザーは通常、(少なくとも米国では) 'F12' を使用して、Javascript などをデバッグするための開発者ツールを開きます)。

修正されたコード:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>My Site</title>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function ()
        {
            window.alert("function started");
        });
    </script>
</head>
<body>
</body>
</html>

この例では、Google がホストする jQuery API を使用していますが、 http://jquery.comから jQuery をダウンロードすることもできます。

于 2013-10-24T21:38:46.407 に答える
0

デモ

http://jsfiddle.net/dvADs/

ライブラリ参照がありません~! このような

<script type='text/javascript' src='//code.jquery.com/jquery-2.0.2.js'></script>

休息があなたのニーズを満たすことを願っています:)

基本: http://jqfundamentals.com/chapter/jquery-basics

JQ CDN: http://jquery.com/download/ 

$(document).ready(function(){
    window.alert("function started");
});
于 2013-10-24T21:38:38.217 に答える
0

最初にjQueryをロードしていません。jQuery は、$ を使用して呼び出そうとするライブラリです。http://jquery.com/download/からダウンロードできます。JavaScript コードの前に必ず jQuery をロードしてください。

于 2013-10-24T21:40:06.857 に答える