Javascript 如何在单击事件中管理哈希值事件？

我有一个锚标签

<a href="#?_page=map" class="map-it right">Map It </a>

我的要求是，当我点击“映射它”时，它会显示一个映射，同时也会隐藏一些内容部分。单击浏览器上一步按钮，地图将隐藏并显示内容。但是上面的代码不能正常工作。请帮帮我。

---

多谢各位

尝试window.onhashchange事件

window.onhashchange = function(e) {
                //Do something
            }

---

如果有任何帮助，请参考以下代码

<script language="javascript">
window.onhashchange = function(e) 
{
  alert("My current hash is " + window.location.hash);
}

$(function()
{
$('a.map-it').click(function()
{
    alert("Hoorray i was clicked");
});
})
</script>

<a class="map-it" href="#?_page=map">Click me to check hash</a>

window.onhashchange=函数（e）
{
警报（“我的当前哈希是”+window.location.hash）；
}
$（函数（）
{
$（'a.map-it'）。单击（函数（）
{
警报（“我被点击了”）；
});
})

尝试将hashchange事件从单击手柄中取出。据我所知，没有

hashchange

jQuery方法。你检查过你的控制台是否有错误吗？啊，是的，请使用

on（）

进行检查。您应该看到为

函数未定义

或类似描述引发的错误。如果您使用任何插件来支持

hashchange

这两个函数都工作正常。问题是，当我单击“映射它”按钮时，两个函数都将执行。因此，映射将显示和隐藏。如上图所示，在click事件外部绑定事件侦听器以进行哈希，然后它将按预期工作！这有其他解决方案吗？您可以设置JSFIDLE吗？

<script language="javascript">
window.onhashchange = function(e) 
{
  alert("My current hash is " + window.location.hash);
}

$(function()
{
$('a.map-it').click(function()
{
    alert("Hoorray i was clicked");
});
})
</script>

<a class="map-it" href="#?_page=map">Click me to check hash</a>