ちょっと勉強して、大体、jQuery読めるようになったし、なんか作ってみるかという矢先に全く、jQueryが反応しなくなったので、備忘録として残しておく。
【事象】
BootstrapとjQueryで開発で簡単なWEBサイトを作成していた時に、
Sliding Methodsを使ったが全く反応しなかった。
【原因】
jQueryのCDNが間違っていた。
【勘違いポイント】
jQueryのCDNって一つしかないと思ってた(恥かしい、、、)
Bootstrap4.5が用いているCDN
Bootstrap4.5
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
それでやりたかった方で必要だったCDN
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
調べてみると、jQueryって、圧縮バージョンと非圧縮バージョンがあるのね。
https://www.w3schools.com/jquery/jquery_get_started.asp
このサイトにもそう書いている。
取り扱い説明書はあまり読まないタイプであるが、時間のある時にこういうサイト読もうっと、、、
(英語がやっぱりしんどい)