Question

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

当我通过菜单浏览脚本时，如何获取网址，进行相应更改？

另外，有没有办法让我删除＆＃34; item＆＃34;从网址（＃item02），只留下数字？或者甚至更好，为每个页面（div）定制#names？

<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

在您的点击处理程序中，您可以像这样添加一个哈希值：

$("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; 
  });
});

jQuery脚本#url更改

1 个答案: