Rdio.com是如何实现基于锚点的超链接的

How does Rdio.com do their anchor based hyperlinks?

本文关键字：于锚点 实现 超链接 com 何实现 Rdio      更新时间：2023-09-26

访问时http://www.rdio.com/#/aboutus/例如，你会看到他们的aboutus页面加载，现在当你将鼠标悬停在他们的页脚上或检查"aboutus"链接时，它只指向/aboutus。我也检查了View Source，链接本身绝对没有魔法发生。

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

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

谢谢。

锚点是用来链接的；真正神奇的是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();
});
相关文章：