jquery エラー「ReferenceError: Can’t find variable: $」が発生した場合の対処法

jquery エラー「ReferenceError: Can’t find variable: $」が発生した場合の対処法

jqueryで、エラー「ReferenceError: Can’t find variable: $」が発生した場合の対処法を記述してます。

環境

  • OS macOS Big Sur
  • jquery 3.6.0
  • ブラウザ safari 15.0

エラー全文

以下のコードで発生

<script>

$(function () {
  
  console.log("Hello World!!");

})

</script>

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

エラー全文

ReferenceError: Can't find variable: $

原因

「Jquery」本体のプログラムを読み込んでいる順番が後になっているため、正常に動作しない。

対処法

先に「Jquery」を読み込むように変更する

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

<script>

$(function () {
  
  console.log("Hello World!!");

})

</script>