zoukankan      html  css  js  c++  java
  • jquery中load()加载页面,刷新之后,加载的页面不显示的解决办法

    <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>

    问题解决。
     

  • 相关阅读:
    第二周编程总结
    介绍自己
    编程总结3
    PTA编程总
    PTA编程总结1
    《秋季学期学习总结》
    《人生路上对我影响最大的三位老师》
    介绍自己
    7-1 打印沙漏
    记叙在人生路上对你影响最大的三位老师
  • 原文地址:https://www.cnblogs.com/moqiang02/p/4061608.html
Copyright © 2011-2022 走看看