jQuery：$ window.on（ 'load'、...）jQueryを更新した後で作業が停止しました

Question

Stellar HTML5UPテンプレートのコードを自分のニーズに合わせて調整しています。ある時点で、jQueryを1.11.7から3.1.0に更新することにしました。

(function($) { 

    $(function() { 

     var $window = $(window), 
      $body = $('body'), 
      $main = $('#main'); 

     // Disable animations/transitions until the page has loaded. 
     $body.addClass('is-loading'); 

     $window.on('load', function() { 
      console.log("Page loaded"); 
      window.setTimeout(function() { 
       $body.removeClass('is-loading'); 
      }, 100); 
     }); 

     // more code 
    }); 

})(jQuery); 

jQuery 1.11を使用すると、Webコンソールで「ページが読み込まれました」と表示されます。 jQueryを更新した後、コードブロックはもう実行されません。

なぜですか？

Answer 1

1.8では廃止され、3.0では削除されました。ドキュメントを参照してください。https://api.jquery.com/load-event/

Answer 2

これはあなたの条件

var $window = $(window), 
    $body = $('body'), 
    $main = $('#main');  
    $body.addClass('is-loading'); 
    $(window).on('load', function() { 
     console.log("Page loaded"); 
     window.setTimeout(function() { 
      $body.removeClass('is-loading'); 
     }, 100); 
    }); 

は、この記事によると

https://jsfiddle.net/78z2rmsb/