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

Force reload when url hash changes

本文关键字：新加载 加载 哈希更 url      更新时间：2023-09-26

在我的应用程序中有一个标题菜单。我们有 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单击品牌页面的任何链接时，该页面会自动导航到测试.html并检查哈希标签并自动通过ajax加载项目。

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

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 
    })
})
相关文章：