让锚点部分像普通网站一样

时间:2013-01-21 14:04:59

标签: javascript anchor

这有点难以解释: 我们有一个包含各种菜单的网站,除了普通链接外,它还有锚链接。 现在,在那里生成链接不是问题,但是也希望给它们一个“活动”状态(=你在那个网站上),特别是当你跳到那个部分时。

<ul class="active">
  <li class="active">
    <a href="index.php?id=30">Subsite</a>
    <ul>
      <li><a href="index.php?id=30#section_1">Section 1</li>
      <li><a href="index.php?id=30#section_2">Section 2</li>
      <li><a href="index.php?id=30#section_3">Section 3</li>
      <li><a href="index.php?id=30#section_4">Section 4</li>
    </ul>
  </li>
</ul>

正常链接行为:

你在家,你点击菜单然后转到index.php?id = 30 当你在id = 30时,菜单点将突出显示。

活动锚应该如何表现:

你在家,你点击菜单然后转到index.php?id = 30#section_1。当你在id = 30时,它没有突出显示,但是当你按照链接并且在id = 30#section_1上时,它(基于在位置栏中输入的内容)。当你删除位置栏中的锚点并确认时,应该删除突出显示(afaik,网站不会重新加载,但跳转到另一个部分)。

是否可以对此跳转行为做出反应并听取对位置栏所做的更改?或者您对如何实现这一目标有不同的想法?

1 个答案:

答案 0 :(得分:0)

正如Marc Baumbach在评论部分中指出的那样,这正是我所寻找的:

On - window.location.hash - Change?