Question

我有一个index.php，其中有两个主要部分：navbar和main-content。 navbar包含的链接会通过此main-content代码将其他网页加载到jQuery：

jQuery('#main-content').load('sampleurl');

其中一些网页包含指向其他网页的链接，因此我想添加一个后退按钮。我尝试使用history.back()和history.go(-1)以及$_SERVER['HTTP_REFERER']，但它们并不适用于我的情况。

在这种情况下如何添加后退按钮？

Answer 1

您应该将最后查看的页面保存在JavaScript变量或隐藏输入的值中，然后您只需要添加按钮

jQuery('#main-content').load(old_url);

通过jQuery('#main-content').load('sampleurl');

加载下一页时，您必须始终更新变量

Answer 2

只是一个想法：每次加载页面时都会向Url添加哈希值;然后你可以使用history.back()

$(function(){
  if(window.location.hash === 'sampleurl'){
    jQuery('#main-content').load('sampleurl', function(){
      window.location.hash = 'sampleurl'; //<<-- match with your loaded page;
    });
  }
});

祝你好运！

Answer 3

尝试操作javascript位置或location.hash

https://developer.mozilla.org/en-US/docs/DOM/window.location

当然，您还需要将您的网址转回相关的网页内容。

Answer 4

结合查理和迈克尔的答案，由于你已经在使用jQuery，另一种选择是包含jQuery Address plugin。

您可以通过创建一个函数来读取加载新内容的哈希路径来实现这个想法。在此之后，内容可以通过内置的后退+前进按钮进行导航。我预见到的唯一挑战是将新内容与散列路径相关联。

祝你好运！

为另一个网页中加载的网页添加“后退”按钮

4 个答案: