【loadエラー】jQuery3系でloadが廃止された問題

jQueryのバージョンを変えたら急に動かなくなったという経験ありませんか？

僕もそんな経験があります。

急にサイトを見てみるとjsが動かなくなりコンソールを見てみるとエラーが起きている…。

いろいろ調べていくと原因としてはjQueryのバージョンによるものだとわかりました。

まずjQuery2系からjQuery3系に変わったことでいくつかのイベントが削除されました。

その一つがloadです。

loadイベントが廃止されたことによってエラーが起こり動かなくなってしまったようです。

loadの書き方を修正する

jQuery(window).load(function(){
  //処理内容
})

jQuery2系以前では上記のような書き方でloadイベントを実行していたと思います。

jQuery(window).on('load',function(){
  //処理内容
});

JQuer3系では上記のような書き方をしないとエラーが起こります。

もしjQuery3系にしたら急にjsが動かなくなってしまったらloadの書き方を確認するようにしましょう。

注意点としてもう一つあげるとしたらfunctionのなかでload関数を実行してはいけません。

jQuery(function(){
  jQuery(window).on('load', function(){
    //処理内容
  });
});

jQuery2系以前でこのような書き方をしている人がいたかもしれません。

jQuery2系では上記のように書いてもエラーが起こりません。

ですがjQuery3系ではうまく動かなくなってしまいます。

下記のようにfunctionで囲まないようにしましょう。

jQuery(window).on('load', function(){
    //処理内容
});