您的位置:首页 > Web前端 > JQuery

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

2013-09-11 16:53 661 查看
<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>

问题解决。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐