jquery:单击删除URL片段

Question

我有这种哈希URL，

http://mysite.com/projects/#/article-1/
http://mysite.com/projects/#/article-2/
http://mysite.com/projects/#/article-2/

当我单击页面上的按钮而不重定向页面时，我希望删除散列位(片段)。

$('.back').click(function(){


    // remove the fragment.
    // don't know how to make it..
    return false;

});

所以我只能拿到这个，

http://mysite.com/projects/

我怎么能这么做？

谢谢。

编辑：这个站点是怎么做的？如果您单击ajax加载页面上的关闭项目，例如-

http://www.pentagram.com/work/#/all/all/newest/2534/

你会把这个拿回来的

http://www.pentagram.com/work/#/all/all/newest/

Answer 1

简单的答案是：

window.location.hash = '';

不过，这将给您留下一个落后的#。

Answer 2

如果我对你的理解是对的，你可以试着模仿正常情况，我的意思是：

• 单击“防止默认操作”
• 分析链接，得到哈希部分。
• 找到页面(y坐标)上的锚点。
• 滚动到锚

就像这样：

$("a").click(function() {
    var loc = $(this).attr("href").split("#"),
        hash = loc[1] ? loc[1] : null;
    if (hash && $("a[name="+hash+"]").size() > 0)
    {
        var pos = $("a[name="+hash+"]").position();
        $(window).scrollTop(pos.top);
        return false;
    }
});

这样，url就会保持不变，但是您有这个功能。

Answer 3

我很确定这不可能。但是，您可以在散列之后通过像下面这样设置位置散列来消除所有内容：

location.hash = '';