jQuery脚本#url更改

Question

我正在使用jQuery script滚动页面（div）。如果您在网址中输入＃+项目（数字），您将获得所需的页面（div）。但是，当浏览菜单时，url不会相应地改变。

当我通过菜单导航脚本时，如何获取url，以相应地进行更改？

另外，有没有办法让我从url（＃item02）中删除“item”，并且只留下数字？ 甚至更​​好，每个页面（div）都有自定义的＃名称？

<script> 
function resizePanel(){ 
    width = $(window).width(); 
    height = $(window).height(); 
    mask_width = width*$(".item").length; 

    $("#debug").html(); 
    $(".wrapper, .item").css({}); 
    $(".mask").css({}); 
    $(".wrapper").scrollTo($("a.selected").attr("href"),0)} 

    $(document).ready(function(){ 
     $("a.panel").click(function(){ 
      $("a.panel").removeClass("selected"); 
      $(this).addClass("selected"); 
      current = $(this); 
      $(".wrapper").scrollTo($(this).attr("href"),800); 
      return false; 
     }); 

     $(window).resize(function(){resizePanel()}) 
    }) 
</script> 

Answer 1

在你的函数clickhandler你可以哈希添加到您的位置，这样的：

$("a[href=#item4]").unbind().click(function(e){ 
    e.preventDefault(); 

    // scroll to desired container 
    $(".wrapper").scrollTo($(this).attr("href"),800, function(){ 
     // update location 
     var url = window.location.origin + window.location.pathname,  
     hash = '#item4'; 
     window.location.href = url + hash; 
    }); 
});