当url散列更改时强制重新加载

Question

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

1. 家庭(www.sample.com)
2. 品牌网页1(www.sample.com/test.html# Brand 1)
3. 品牌网页2(www.sample.com/test.html#brand2)
4. 品牌网页3(www.sample.com/test.html# Brand 3)
5. 品牌第4页(www.sample.com/test.html# Brand 4)

所有品牌页面都将导航到相同的页面(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>

JQ:

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

})