🔖
jQueryでanimateが動かない！！原因は！？ animate is not a function
はじめに
jQueryを使っていて、記述したはずのアニメーションがなぜか反映されないことに悩まされました。なんで動かないだ！！なぜだ！？
error
こんな感じのエラーが。。
****.js:9 Uncaught TypeError: $(...).animate is not a function
function じゃない。。？ねぇ？。。
解決法
jQuery を CDN経由で利用している方で、slim版のものを使っている方は下記のコードのような形で使用してませんか？
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js "></script>
その場合、jQueryのslim版を使用しているのが原因かもしれません。
slim版では、ajax系関数が使えないことはよく知られていますが、実は、アニメーション系の次の関数もサポートされていません。
その方は、
//変更前
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js "></script>
↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓
//変更後
<script src="https://code.jquery.com/jquery-3.5.1.min.js "></script>
に変更してみてください。
CDNへのリンクが知りたい方へ
参考
Discussion