jQueryのアニメーションでエラー… Uncaught TypeError : $(…).animate is not a function が出た時の解決内容

今回はこちらのJSのエラーについてです。

Uncaught TypeError: $(...).animate is not a function

これは、jQueryを使ってanimateメソッドを使用しようとした時に出たエラーです。いつも使用しているコードを記述していて、今までこのエラーが出たことがなかったので不思議でした。

しかしこの時にいつもと違って変更したことがあります。それはjQueryの.slim.js や .slim.min.js といった jQueryのslim版を使用したことです。使おうとしたjQueryは jquery-3.6.0.slim.min.js 。

jQuery CDN

jQueryのslim版はajax系の関数といくつかのアニメーション系のメソッドのサポートがされていないそうです。animateメソットだけでなく以下のメソッドを使用した場合もエラーになります。これらはjQueryで使用することも多いと思うので、slim版を使う際には覚えておきたいところです。

【参照】jQuery 3.0のスリムビルド版で使えないメソッド等を確認してみた | Another Sky

CDNコードをslim版ではないものに変えたらエラーは無くなりました。