Jquery Url重新加载答案

【问题标题】：Jquery Url reloadJquery Url重新加载
【发布时间】：2012-10-20 18:46:24
【问题描述】：

你好，我有一个html代码如下

<ul id="userTabs" class="clearfix">

                <li class="selected"><a href="#profile">Profile Home</a></li>

                <li><a href="#test">test</a></li>

                <li><a href="#test2">test2</a></li>

                <li><a href="#test3">test3</a></li>

                <li><a href="#test4">test4</a></li>


    </ul>

之前我问过关于如何获取 href 值的问题，现在我需要知道如何在重新加载页面时保留在同一个链接中。点击以上链接的JS代码如下

$("#userTabs li").click(function(){


      $("#userTabs li").removeClass('selected');
      $(this).addClass('selected');
      var href = $(this).children('a').attr('href');
      href = href.replace("#","")
     //alert(href);
      //alert(href);
      $.ajax({
        url:"<?=$this->baseUrl('user/"+href+"')?>",
        data:{'page':href},
        dataType:"json",
        type:"POST",
        success:function(data){
          //alert('ok');
         //var contentHtml = data;
         $("#user_reviews_list").html('');
         $('#pagesuser').hide();
         $("#user_reviews_list").html(data);
         //alert(contentHtml);
        }
      });

    //alert('ok');
    });

现在，当我点击链接test 时，新内容将被$("#user_reviews_list") 中的当前内容替换，并且我的网址更改为http://localhost/user/john#test，但如果我重新加载页面，内容将不再存在#test 但它返回到原始家庭内容。我如何确保当我重新加载内容时假设是#test 的内容。 ?谢谢

【问题讨论】：

标签： javascript jquery html css

【解决方案1】：

试试这个：

$(function(){
    var hash = document.location.hash;
    if(hash != '')
    {
        //load content
        //hack (just example, implement your logic here)
        $('#' + hash).parent().trigger('click');
    }
});

【讨论】：

【解决方案2】：

恐怕没有简单的答案，因为它被认为是 Ajax 的主要缺点之一 (see here about that.) 重新加载/返回不能正常工作（没有你做要让它像那样工作需要做很多工作）。

关于使用 ajax 进行浏览器刷新。只需谷歌，或查看here、here 或here

希望这会有所帮助！

【讨论】：