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

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版を使う際には覚えておきたいところです。

  • animate
  • fadeIn
  • fadeOut
  • fadeToggle
  • fadeTo
  • slideDown
  • slideUp
  • slideToggle
  • finish
  • stop

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

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

カテゴリー : JavaScript