如何在刷新和导航历史记录上保留页面

Question

我正在使用this library来创建我的页面导航。但是，由于这种导航对我来说是新的，因为所有页面都在一个html文件而不是不同的文件中，我不确定如何保存这种历史。

使用<a> name和href在这种情况下不起作用，因为它不会为页面转换存储锚点，而是将页面索引存储为data。

我正在寻找一种方法： A）当我点击刷新时保持数据编号（打开页面）处于活动状态（因为开箱即用它总是转到第一页） B）保留导航历史记录，以便在页面之间导航后点击后退按钮

任何建议都有帮助，也可能是一些基本的例子。谢谢！

Answer 1

您可以使用History API来操纵.pt-trigger点击次数

上的历史记录

    $('.pt-trigger').click(function() {
        var stateObj = { foo: "bar" };
        history.pushState(stateObj, "Your page name, "bar.html");
    });

单击页面转换触发器时，会将URL更改为foobar.com/bar.html。对于stateObj，您需要保存上一页的一些标识，这样您就可以使用onpopstate事件使用后退按钮返回。