偏后的页面加载

Question

这里jQuery的显示块是我的代码：

$("a").live('click', function(){ 
history.pushState({}, '', this.href); 
popstate(this.href); 
$("#loadpage").css("display", "block"); 
return false; 
}); 
popstate = function(url){ 
url = '/ajaxlinks/ajaxlink'+window.location.pathname.substr(1); 
if (url == '/ajaxlinks/ajaxlink'){url = '/ajaxlinks/ajaxlinkindex.php'} 
if (url.indexOf(".php") == -1){url = '/ajaxlinks/ajaxlinkprofile.php'} 
if (url == '/ajaxlinks/ajaxlinkaccountrecovery.php'){window.location =  'http://www.pearlsquirrel.com/accountrecovery.php';} 
if (url == '/ajaxlinks/ajaxlinklogin.php'){window.location = 'http://www.pearlsquirrel.com/login.php';} 
if (url == '/ajaxlinks/ajaxlinklogout.php'){window.location = 'http://www.pearlsquirrel.com/logout.php';} 
$('#ajaxloadcontent').load(url); 
$('html, body').animate({scrollTop:0}, 'fast'); 
} 
$(document).load(function(){ 
window.onpopstate = function(event){ 
popstate(window.location.href); 
event.preventDefault(); 
} 
}); 

当点击链接，我开始的这段代码显示加载DIV：

$("#loadpage").css("display", "block"); 

然而，我不知道在哪里把显示这个div的代码位置为none：

$("#loadpage").css("display", "none"); 

我试过把这一点的代码无处不在，而我只是似乎无法得到它的工作。如果有人知道我应该把这个代码放在哪里，也许如果我甚至应该使用不同的语法，帮助将不胜感激。

Answer 1

可能在.load回调。

$('#ajaxloadcontent').load(url, function(){ $("#loadpage").hide(); }); 

您可以只使用速记.show和.hide符号来显示/隐藏一个div。