带有 jQ​​uery 地址的内部链接

Question

我正在尝试实现可爱的地址插件来处理更漂亮的链接和使用后退按钮的内部链接。我设法让它工作，但是我注意到的一件事是，当它将 URL 从 /#section 更改为 /#/section 时，如果用户然后复制该 URL 并尝试在新窗口中打开它（或发送给朋友）它不会将用户带到页面上的那个部分。显然是因为它不再被认为是锚。

当用户通过 URL 导航时，我怎样才能让它位于正确的部分？

下面是我按照jQuery地址使用的sn-p代码：

$('nav a').click(function() { 
    var pageTitle = 'Kevin Dare Foundation | ' + $(this).html(); 
    $.address.value($(this).attr('href').replace(/^#/, ''));
    $.address.title(pageTitle);
});

这里是查看它的链接：http://nickdimatteo.com/kjd

Answer 1

如果有document.location.hash，最简单的方法可能是在文档加载时触发你拥有的代码：

$('nav a').click(function() { 
    var pageTitle = 'Kevin Dare Foundation | ' + $(this).html(); 
    $.address.value($(this).attr('href').replace(/^#/, ''));
    $.address.title(pageTitle);
});

$(document).ready(function() {
    var hash = document.location.hash.replace(/^#\//, '');
    if(hash) {
        $('nav a[href="#' + hash + '"]').trigger('click');
    }
});