Question

我在windows.load函数上无法在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

您的代码说：

加载文档
加载DOM后，注册一个新的钩子，以在加载窗口（图像等）时侦听，这将启动动画

但是，到您的窗口加载注册发生时，该窗口可能已经被加载。

您还使用错误的方法来订阅窗口加载事件。

尝试：

$(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>

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

1 个答案: