jQueryの読み込みについて
メモ用に
HTMLファイルからjQueryを記述したjsファイルを読み込もうとすると
下記のエラーが発生して読み込めなかった。
Uncaught ReferenceError: $ is not defined
ファイル構成は下記の通り
- index.html
- stylesheet.css
- js/script.js
index.html内のheadとbody内に読み込みの処理を記述
<script src="js/script.js"></script>
原因
jQuery本体を先に読み込まないといけなかったという初歩の初歩の所で躓いてました。
jQuery本体というのをjsディレクトリ内のjsファイルの事だと
勘違いしており、jQuery本体を参考先のURLから直接読み込み
or ダウンロードしてローカルで読み込みの2通りで解決できました。
script.jsにjQuery本体
sample.jsにやりたい処理を実装
htmlファイルは下記の通り記述
index.html
<head>
<script src="js/script.js"></script>
<script src="js/sample.js"></script>
</head>
<body>
<script src="js/script.js"></script>
<script src="js/sample.js"></script>
</body>