jquery エラー「Uncaught ReferenceError: $ is not defined」が発生した場合の対処法
jqueryで、エラー「Uncaught ReferenceError: $ is not defined」が発生した場合の対処法を記述してます。
環境
- OS windows11 pro 64bit
- jquery 3.6.0
- Apache 2.4.43
- ブラウザ chrome 101.0.4951.54
エラー全文
以下のコードで発生
<script>
$(function () {
console.log("Hello World!!");
})
</script>
<script src="http://code.jquery.com/jquery-3.6.0.min.js"></script>
エラー全文
Uncaught ReferenceError: $ is not defined
画像
firefox(100.0)の場合も同じエラーが発生します。
Uncaught ReferenceError: $ is not defined
画像
原因
「Jquery」本体のプログラムを読み込んでいる順番があとになっているため
対処法
先に読み込む
<script src="http://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(function () {
console.log("Hello World!!");
})
</script>
-
前の記事
javascript 配列のオブジェクト化処理で「Object.assign」と「reduce」と「スプレッド構文」のパフォーマンスを計測する 2022.06.16
-
次の記事
Oracle Database 文字列を結合する 2022.06.16
コメントを書く