问题:在完成“就绪”状态后,需要执行很多JavaScript计算来计算widthdiv。我想在document.ready上的document.loaddiv之间设置这样的加载器时间,以便它等待最终的width,然后正确显示,这意味着它的宽度悬挂了一段时间,这就是它的加载时间。

如果您无法理解我的问题,请对此问题发表评论。

最佳答案

  • 正如我们所知,在加载函数之前已准备好调用函数,因此我们可以在加载div上设置set loader并在加载后删除该div。
  • loader div应该是相对的,因为overlay div将是绝对的,仅在该div上显示
  • 如此简单,在加载窗口
  • 之后隐藏覆盖div


    jQuery(window).load(function(){
    
      // THIS IS ORIGINAL CODE
    
      //jQuery('.loader_main_overlay').css('display','none');
      // Alternate way to show loader in this example not exact way
          jQuery('.loader_main_overlay').fadeOut(2000);
      	});
    .loader_main{
      height:100%;
      width:100%;
      position:relative;
      }
    .loader_main_overlay{
      position:absolute;
      width:inherit;
      height:inherit;
      background-image:url('http://bildbearbeitung.onl/images/ui/load1.gif');
      background-color: #ccc;
      opacity: 0.8;
    }
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
    <body>
    
    <div class="loader_main">
      <div class="loader_main_overlay">
    
      </div>
       <img src="https://static.pexels.com/photos/112576/pexels-photo-112576.jpeg" />
    </div>
    </body>

    07-24 09:44
    查看更多