業務改善 web開発 programming 旅行系記事多め。

【jQuery】animate is not a functionがでる!?原因と解決方法

jQueryJavaScript

 

ぱらげです。

自身のサイトの右横にトップページにスクロールしてくれるボタンを設置しました。
その際に陥ったjQueryエラーについて書きたいとおもいます。

設置したはずなのに、ボタンが正常に動作しない。

「検証(デベロッパーツール)」で確認すると「animate is not a function」と表示がされています。

ちなみに今回設置したコード。

調べたところ、animateを含むajax系の関数はjQueryのslim版では使用できないとのこと。

使用できないajax関数↓

animate

fadeIn

fadeOut

fadeToggle

fadeTo

finish

stop

slideDown

slideUp

slideToggle

もしhtmlで記述されている指定のjqueryのCDNが「jquery.slim.min.js」となっていたら「jquery.min.js」と書き換える必要があります。

htmlファイルを確認すると、

たしかにjquery.slim.min.jsになっていました。
「slim」の箇所を消して再度確認。すると「integrity=””」以降のコードが識別できない的なニュアンスのエラーが。

これを思い切って削除し

上のようにしたら、無事エラーがでなくなり、ボタンも正常に動いてくれました。

 

コメント

タイトルとURLをコピーしました