javascript

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<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>标签中的内容改成：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<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>

问题解决。