1. ホーム
  2. javascript

[解決済み] JavaScript実行時エラー: '$' が未定義です。

2022-03-07 23:34:51

質問

古典的な問題ですが、実際の原因を見つけるのに大変苦労しています。一般的にこのエラーが発生するのは、jQueryの参照がそれを必要とするコードの後にあるか、バックjQueryリンク、jQueryの競合などが原因ですが、今のところどれも当てはまらないようです。残念ながら、この問題の解決策を探すと、このようなケースの投稿が次から次へと出てくるのです。私の問題は同じように単純だと思いますが、1時間以上探してもまだ見つかりません...。

編集部:追加情報・・・。 ソリューションファイル(これを理解するために何度も作り直しました。JavaScriptのWindows Store Blank Appテンプレートで、Visual Studioでやっています。唯一の参照ファイルは、Windows Library for javascript 1.0ですが、これも削除してテストしてみました。

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>HTML5 Canvas Template</title>
        <style>
            /* styles here */
        </style>
    </head>
    <body>
        <canvas id="myCanvas" width="500" height="500">
            <p>Canvas not supported.</p>
        </canvas>

        <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function() {
                var canvas = $("#myCanvas").get(0);
                var context = canvas.getContext("2d");

                function renderContent()
                {
                    // we'll do our drawing here...
                }

                renderContent();
            });
        </script>
</body>
</html>

解決方法は?

それは、次のような状態です。 JQuery 参照されたURLは正しくありません

これを試してみてください。

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