如何实现无href的Ajax后退按钮模拟

Question

因此，我的整个网站运行在一个 index.php 页面上，并且根据用户想要执行的操作，通过许多 AJAX 调用动态加载内容。我想使用后退按钮，但目前不能。我读过一些很棒的教程，并搜索了一些与此相关的很棒的 Stackoverflow 问题。我的问题是这样的。我看到的所有教程，包括我倾向于的 Jquery BBQ，似乎在所有教程中都使用了 href，但我根本不使用锚标记。

我的一个典型功能......就是说加载评论。

$('.comments').live('click', function() {
    var id = this.id;
    // pass the unique id of the class to a php function, return result
});

我知道我将使用 id 来跟踪网址中的哈希值，但当我找到的只是锚标记示例时，我不确定如何执行此操作。有人可以为我指出一个好的教程的正确方向吗，谢谢！

Answer 1

您可以使用 window.location 对象的 hash 属性：

$('.comments').live('click', function() {
    var id = this.id;
    window.location.hash = id;
    // pass the unique id of the class to a php function, return result
});

然后，如果用户刷新页面或深层链接到网站：

if (typeof(window.locaion.hash) != 'undefined') {
    //now you know there is a hash and you can trigger a click on the corresponding element
    $('#' + window.locaion.hash).trigger('click');
}