Question

我正在调用MVC Action方法来加载window.open上的视图，但我希望在视图加载之前首先成为加载器。我尝试了这个，但这需要一些时间并显示空白页面，有时它显示加载器图标。加载图标应该是标签中的第一件事。

 document.onreadystatechange = function () {
        var state = document.readyState;
        if (state == 'interactive') {
            showLoader();
        }
        else if (state == 'complete') {
            hideLoader();
        }
    }

Answer 1

＆＃13;

$(document).ready(function (){
  $('.gif_loader_image').fadeOut(1000);
});

＆＃13;

body{
  background: url(http://www.banneredge.com/images/portfolio.jpg);
  width: 100%;
  height: auto;
}
.gif_loader_image{
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0px;
  bottom: 0px;
  z-index: 1001;
  background:rgba(0,0,0,.8);
  text-align:center;
}
.gif_loader_image img{
  width:30px;
  margin-top:40%;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="gif_loader_image">
  <img src="https://media0.giphy.com/media/3oEjI6SIIHBdRxXI40/200_s.gif" alt="Loader..."/>
</div>
<div class="background_image_div"></div>

＆＃13;

使用jQuery你可以这样做。默认显示加载器，文档准备就绪时只需隐藏加载器。

Window.Open打开新选项卡，在主体中加载图标

1 个答案: