当 url 哈希更改时强制重新加载

Question

在我的应用程序中有一个标题菜单。我们有 5 个菜单项，它们具有相同的页面 url，但具有不同的哈希值，例如

1. 主页 (www.sample.com)
2. 品牌页面 1(www.sample.com/test.html#brand1)
3. 品牌页面 2(www.sample.com/test.html#brand2)
4. 品牌页面 3(www.sample.com/test.html#brand3)
5. 品牌页面 4(www.sample.com/test.html#brand4)

所有品牌页面都将导航到同一页面（test.html），但具有不同的哈希值。

问题：当我从HOME单击品牌页面的任何链接时，页面会自动导航到 test.html 并检查哈希标签并自动通过 ajax 加载项目。

但是，当我单击品牌页面内的任何品牌页面链接时，页面不会刷新。

Answer 1

HTML：

<div id="menu">
    <a href="#1">brand 1</a>
    <a href="#2">brand 2</a>
</div>

杰Q：

$(function() {

    $('#menu a').click(function(e){
        var url=$(this).attr('href');

        window.location.href=url;// ## change url with hash
        location.reload();       // ## reload page

        e.preventDefault();      // ## prevent default click action 
    })

})