LoginSignup
0
0

More than 3 years have passed since last update.

【初心者記事】jQuery のある機能が動かない時にチェックする項目

Posted at

ちょっと勉強して、大体、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
このサイトにもそう書いている。
取り扱い説明書はあまり読まないタイプであるが、時間のある時にこういうサイト読もうっと、、、
(英語がやっぱりしんどい)

参考文献:https://blog.mudatobunka.org/entry/2016/09/04/023121

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0