2016-12-05 54 views
-6

下面是一個函數,顯示加載gif時,網頁加載或有回發。它似乎工作正常,但它不會在加載後消失。如何在加載頁面時使加載函數結束?如何結束加載屏幕? c#,javascript

p.s.我曾嘗試在page_loadcomplete上將div的可見性設置爲false,但它出現了池錯誤。

請讓我知道如果您有任何問題或我可以澄清任何事情。 謝謝

<script type="text/javascript"> 
    function ShowProgress() { 
     setTimeout(function() { 
      var modal = $('<div />'); 
      modal.addClass("modal"); 
      $('body').append(modal); 
      var loading = $(".loading"); 
      loading.show(); 
      var top = Math.max($(window).height()/2 - loading[0].offsetHeight/2, 0); 
      var left = Math.max($(window).width()/2 - loading[0].offsetWidth/2, 0); 
      loading.css({ top: top, left: left }); 
     }, 200); 
    } 
    $('form').live("submit", function() { 
     ShowProgress(); 
    }); 
</script> 

<!-- page loading div --> 
</div> 
    <div class="loading" runat="server" id="pageLoader" align="center"> 
    Loading. Please wait.<br /> 
    <br /> 
    <img src="images/loadingGIF.gif" alt="" /> 
</div> 

回答

1

div標記是您的DOM的一部分,因此您可以使用Javascript刪除它們。如果這不是你在找什麼

window.onload = function() { 
$(".loading").hide(); } 

點評:如果你想隱藏「.loading」,你可以做到這一點的頁面已加入此事件,你的Javascript加載之後。