jQuery: $ window.on ('laden', ...) funktioniert nicht mehr nach der Aktualisierung von jQuery

Question

Ich passe den Code von der Stellar HTML5UP Vorlage an meine Bedürfnisse an. Irgendwann habe ich beschlossen, jQuery von 1.11.7 auf 3.1.0 zu aktualisieren.

(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); 

Bei Verwendung von jQuery 1.11 kann ich in meiner Webkonsole "Seite geladen" sehen. Nach der Aktualisierung von jQuery wird der Codeblock nicht mehr ausgeführt.

Warum?

Answer 1

Es wurde in 1.8 veraltet und in 3.0 entfernt. Siehe docs: https://api.jquery.com/load-event/

Answer 2

Enthält diese genügt Ihre Anforderung

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); 
    }); 

wickeln Sie das Skript in Ihrem Körper

https://jsfiddle.net/78z2rmsb/