javascript - Rdio.com 如何制作基于 anchor 的超链接？

Question

当您访问http://www.rdio.com/#/aboutus/时例如，您会看到他们的“关于我们”页面加载，现在当您将鼠标悬停在或检查页脚中的“关于我们”链接时，它只是指向/aboutus。我还检查了“查看源代码”，链接本身并没有发生任何魔法。

我认为 jQuery 必须更新所有的 <A>元素并替换为基于 anchor 的哈希标签 url 方法。

我如何让它在我自己的项目中发挥作用？

谢谢。

Answer 1

anchor 用于链接；真正的魔力是 Ajax 和其他基于 JavaScript 的动态内容。该链接可能如下所示:

$('.some-link').click(function(e) {
    // Allow for linking:
    window.location.hash = '#/' + this.getAttribute('href');

    // Start loading the content:
    $.ajax({
        // ...
        success: function() {
            // New content gets put in
        }
    });

    // Prevent the real link from being followed:
    e.preventDefault();
});