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>
问题解决。
相关文章推荐
- jquery中load()加载页面,刷新之后,加载的页面不显示的解决办法
- jQuery执 4000 行完一个输入框的回车事件代码之后,会自动刷新页面解决办法
- jquery 的ajax无刷新上传文件之后,页面还是会莫名的刷新-----解决办法
- jquery滚动页面底部时ajax加载多次解决办法
- 刷新页面时,IE弹出“要再次显示该网页....”对话框,解决办法
- WebView加载完网页之后利用js进行网页刷新,解决webview显示图片适应所有的机型
- 使用jQuery的load方法设计动态加载及解决被加载页面js失效问题
- vue 在nginx下页面刷新出现404问题解决和在nginx下页面加载了js但是页面显示空白问题解决
- Myeclipse导入Jquery之后显示红色X号解决办法
- jQuery加载(load、get、post)HTML页面显示空白原因
- 解决用jquery load加载页面到div时,不执行页面的js
- 解决用jquery load加载页面到div时,不执行页面js的问题
- 使用jquery的load方法设计动态加载,并解决被加载页面JavaScript失效问题
- 关于NGUI的动态加载后的刷新显示问题,解决办法!!
- 解决用jquery load加载页面到div时,不执行页面js的问题
- JQuery 解决用load加载页面到div时,不执行页面js的问题
- jQuery在异步请求数据返回后,调用$("selector").html(data.content);之后因为一些特殊字符或者',"不能显示内容的问题解决办法
- 关于Android加载HTML页面中的图片显示问题的解决办法
- js windows.open 不能显示页面,刷新后方可显示的解决办法
- 页面刷新刷新页面时,IE弹出“要再次显示该网页....”对话框,解决办法