
今回はこちらの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のslim版はajax系の関数といくつかのアニメーション系のメソッドのサポートがされていないそうです。animateメソットだけでなく以下のメソッドを使用した場合もエラーになります。これらはjQueryで使用することも多いと思うので、slim版を使う際には覚えておきたいところです。
- animate
- fadeIn
- fadeOut
- fadeToggle
- fadeTo
- slideDown
- slideUp
- slideToggle
- finish
- stop
【参照】jQuery 3.0のスリムビルド版で使えないメソッド等を確認してみた | Another Sky
CDNコードをslim版ではないものに変えたらエラーは無くなりました。
カテゴリー : JavaScript