隱藏的div

Question

我已經在JQuery中創造了這個功能：

function OpenPage(pagename) { 
    var page = pagename 
    $('#LoadingDiv').show(); 
    $('.tabcontent').load(page); 
    $("html, body").animate({ scrollTop: 0 }, "slow"); 
    window.onload = function() { 
     $('#LoadingDiv').hide(); 
    } 
} 

它加載所選頁面進入加載頁面，它顯示了一個div之前使用.load

一個DIV加載條圖像，我怎麼能掩蓋這種負載DIV使用一次.load頁面加載完成後

我加入window.onload在我的函數結束，但它不是隱藏在div

Answer 1

使用load(url [, data ] [, complete ])

function OpenPage(pagename) { 
    var page = pagename 
    $('#LoadingDiv').show(); 
    $('.tabcontent').load(page, function(){ 
     /* new html exists now */ 
     $('#LoadingDiv').hide(); 
    }); 
    $("html, body").animate({ scrollTop: 0 }, "slow");  
} 

參考的完整回調：load() Docs

Answer 2

使用回調函數的.load()功能

在請求完成時執行的回調函數。

更改代碼爲

function OpenPage(pagename) { 
    var page = pagename 
    $('#LoadingDiv').show(); 
    $('.tabcontent').load(page,function() { 
     $('#LoadingDiv').hide(); 
    }); 
    $("html, body").animate({ scrollTop: 0 }, "slow"); 
}