单击浏览器后退按钮时避免页面重新加载

时间:2017-07-18 14:57:14

标签: javascript jquery

我正在使用jQXwidgets,类似于以下from here。如Image #1中所示,我位于列表的最后一个91-100部分。假设我点击了Regina的第一条记录,我将转到我网站的下一页。然而, 当我点击浏览器后退按钮时,它会重新加载页面,然后我回到1-10的第一个列表,如image #2

所示

问题:

是否可以使用浏览器后退按钮登陆列出91-100名称的同一列表Regina?或者我是否需要添加后退按钮并执行该操作?请指教。谢谢

图片#1: enter image description here

图片#2: enter image description here

1 个答案:

答案 0 :(得分:0)

您需要一些取消该活动的JavaScript。

<script>    
history.pushState(null, null, document.URL);
   window.addEventListener('popstate', function () {
   history.pushState(null, null, document.URL);
});
</script>

试试吗?