顯示加載圖標，直到頁面加載其第一個元素

我有一個移動網站，爲此，我正在尋找添加加載圖標，當用戶點擊鏈接。我發現它一個體面的教程 - Check it here 顯示加載圖標，直到頁面加載其第一個元素

我用這個，但我有一個問題。它會顯示加載圖標，直到頁面完全加載。但是對於較慢的連接，可能需要很長時間。我需要做的是在頁面加載第一個內容或至少顯示某些內容時停止顯示加載圖標，以便用戶無需等待很長時間，並且可以在頁面部分加載時開始檢查頁面。我不知道我該怎麼做。任何幫助，將不勝感激。這是我使用的代碼 -

 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
    <script type="text/javascript"> 
    $(window).load(function() { 
     $(".loader").fadeOut("slow"); 
    }) 
    </script> 
<div class="loader"></div> 

.loader { 
    position: fixed; 
    left: 0px; 
    top: 0px; 
    width: 100%; 
    height: 100%; 
    z-index: 9999; 
    background: url('images/page-loader.gif') 50% 50% no-repeat rgb(249,249,249); 
}

來源

2016-09-17 Striker_Coder

顯示問題的一些相關的代碼！ –

@Mikelis Baltruks：不重複，但很好的信息 –

@MikelisBaltruks我的問題是不同的。我需要當用戶點擊鏈接時顯示加載圖標，但如果它已分頁部分內容，那麼它應該停止加載圖標 –

document.addEventListener( "DOMContentLoaded", ready, false ); 
function ready(){ 
alert("page initialised"); 
}

使用DOMContentLoaded取代onload事件......

來源

2016-09-17 11:45:04

我會試試這個，並檢查它是否工作！謝謝。 –

顯示加載圖標，直到頁面加載其第一個元素

回答

相關問題