<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>
问题解决。