为什么我的 $(window).load(function() 在 document.ready 函数中不起作用？

Question

my on windows.load function not working in document.ready

$(document).ready(function(){

       //this is for nimation
       $(".progress-bar-fill").css({"width":"100%","transition":"5s"});
      // my this function is not working
       $(window).load(function() {
        $(".overlay").fadeOut();

    });

});

Answer 1

Your code says:

• Load the document
• When the DOM is loaded, register a new hook to listen on when the window is loaded (images etc.) which will start the animation

However, by the time your window load registration happens, the window might already be loaded.

You also use the incorrect method to subscribe to the window loaded event.

Try:

 $(document).ready(function(){ //this is for nimation $(".progress-bar-fill").css({"width":"100%","transition":"5s"}); }); $(window).on("load", function() { $(".overlay").fadeOut(); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script> <div class="progress-bar-fill">progress bar</div> <div class="overlay">overlay</div>