隐藏的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"); 
}