使用pushState为Bootstrap 4选项卡提供自己的唯一URI(不带哈希)—如何使后退按钮正常工作?

时间:2018-09-23 14:29:50

标签: pushstate html5-history

我在一个项目上使用Bootstrap 4及其Tabs。除了标签之外,每个选项卡实际上都有一个唯一的URI,我已使用WordPress的重写API对其进行了设置。如果访问者想要链接回该特定选项卡,则允许访问者右键单击一个选项卡并复制链接地址,并且我使用本机Bootstrap事件设置了一个小型JS侦听器,该事件会将pushState()新的URI显示新标签页时的地址栏。这也很方便,因为访问唯一选项卡URI的访问者将看到该选项卡在页面加载时打开(这是通过PHP服务器端完成的)。

我想使后退按钮在浏览器中正常工作,并且已经看到了几种方法,但是它们要么涉及我根本没有使用过的AJAX请求,要么它们使用了URL哈希(例如此脚本:https://github.com/jeffdavidgreen/bootstrap-html5-history-tabs)。

我是在追逐梦想吗,还是有一种方法可以跟踪访问者点击我的标签页的顺序,然后在访问者使用其后退按钮时触发对上一个标签页的点击?

0 个答案:

没有答案