備忘録

CodePenでjQueryを使う方法【動作しない方は必見】

CodePenでjQueryを使う方法を備忘録として書きます。※2020年2月時点の情報です。

「JS」の欄にjQueryのコードを書いてSaveボタンを押したら、「uncaught referenceerror $ is not defined」というエラーが出てきました。

これはjQuery自体が読み込まれていないことを意味しています。

jQueryを読み込むため、CodePenのSettingを開きます。

CodePenの設定画面

左の「JS」のタブを開きます。

枠線の箇所にjQueryのCDNのURLを貼ります。

CloudFlareのURL「https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js」を貼り付けましょう。

CodePenの画面

これでCodePenでjQueryが使えるようになります。

-備忘録

Copyright© Web制作ブログ , 2023 All Rights Reserved Powered by AFFINGER5.