jquery中load()加载页面,刷新之后,加载的页面不显示的解决办法

时间:2023-03-08 18:06:56
<script language="javascript" type="text/javascript">
$(function(){
$("#h").click(function(){
$("#home").load("b.php");
})
$("#a").click(function(){
$("#abouts").load("c.php");
})
})
</script>
<a id="h">点击加载b页面</a>
<div id="home"></div>
<div id="home"></div>
<br/>
<a id="a">点击加载c页面</a>
<div id="abouts"></div>

问题描述:当点击“点击加载b页面”后,b页面加载,但是刷新后显示空白页面。

点击“b”之后的url变为:www.xxx.com#home,可以通过location.hash获取#后面的标签值。

解决方案:<script>标签中的内容改成:

<script language="javascript" type="text/javascript">
$(function(){
url=window.location.hash;
setTimeout("touch(url)", 1000);
$("#h").click(function(){
$("#home").load("b.php");
})
$("#a").click(function(){
$("#abouts").load("c.php");
})
})
function touch(url){
switch(url){
case "#home":
$("#home").load("b.php");
break;
case "#abouts":
$("#abouts").load("c.php");
break;
}
}
</script>

问题解决。