从网址中删除锚点

Question

我有一个包含很多项目的目录。如果单击了一个项目，则会通过ajax请求在弹出窗口中加载它的数据。添加一个锚点附加到该URL。 例如，url是：site.com/catalog，在项目加载到弹出窗口后，它变为site.com/catalog/#id_product999 弹出关闭后如何删除锚点网址？按钮上有一个关闭按钮的事件处理程序：

$('.close-popup').on('click', function() {
    $('.popup-box').fadeOut();
    return false;
});

Answer 1

您可以使用window.history来操纵浏览器历史记录。尝试：

$('.close-popup').on('click', function() {
    window.history.pushState("", document.title, window.location.pathname);
    $('.popup-box').fadeOut();
    return false;
});