Question

这是我的代码：

$("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的代码放在无：

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

我已经尝试过把这些代码放到各处，而我似乎无法让它工作。如果有人知道我应该把这段代码放在哪里，也许我应该使用不同的语法，那么非常感谢帮助。

Answer 1

可能在.load回调中。

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

您可以使用简写.show和.hide表示法来显示/隐藏div。

部分页面加载后的Jquery显示块

1 个答案: