jquery - 使用 href ="#!/id"导航

Question

最近我注意到一些网站的菜单导航有点像这样。

    <div id="navigation">
      <ul id="nav">
        <li><a href="#" class="selected"> HOME </a></li>
        <li><a href="#!/about"> ABOUT </a></li>
        <li><a href="#!/projects"> PROJECTS </a></li>
        <li><a href="#!/contact"> CONTACT </a></li>
      </ul>
    </div>

我还注意到这个 !/ 出现在带有动画效果的“单页”网站中。 Example (请看源码中的导航)
我尝试使用它，但没有动画就显得毫无用处。
我的问题是，

• <a href="#about"> ABOUT </a>导航到当前页面中 id='about' 的部分。那么<a href="#!/about"> ABOUT </a>是什么什么意思？
• 这与 jQuery 有某种关系吗？或者它特定于某些 jQuery 插件？
• 如果是，那么我可以这么说吗，它不是导航到任何地方，而只是一个帮助动画的“隐藏”(或假地址)？(我这样问是因为没有动画，它看起来毫无用处).

Answer 1

hashbang 与动画没有任何(直接)关系。它提供了一个 URL，您可以在使用 Ajax 更改页面内容时链接到该 URL。然后，Google 可以将该 URL 转换为点击您网站上的 URL 的 URL，该 URL 将为 Google 提供可索引的内容。

该技术已被 the history api 废弃，它允许您将 URL 更改为您网站上的普通。

使用普通 URL 意味着 progressive enhancement有效，并且您不会遇到加载索引页面、将其显示给用户，然后在几秒钟后用 JavaScript 替换它的性能问题。

---

如果你想在加载新内容时做动画，那么你可以。它与 URL 更改没有任何关系。