2

我有index.php两个主要部分：thenavbar和main-content. navbar包含将main-content通过此jQuery代码加载另一个网页的链接：

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

其中一些网页包含指向另一个网页的链接，所以我想添加一个后退按钮。我尝试使用history.back()and 和history.go(-1)the $_SERVER['HTTP_REFERER']，但在我的情况下它们并没有真正起作用。

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

4

4 回答 4

1

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

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

当您通过以下方式加载下一页时，您必须始终更新您的变量jQuery('#main-content').load('sampleurl');

于 2013-04-15T02:28:54.650 回答
0

结合 Charlie 和 Michael 的回答，由于您已经在使用 jQuery，另一种选择是包含jQuery Address plugin。

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

祝你好运！

于 2013-04-15T02:35:44.230 回答
0

只是一个想法：在加载页面时向 Url 添加哈希；然后你可以使用history.back()

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

祝你好运 ！

于 2013-04-15T02:26:17.223 回答
0

尝试操作 javascript 位置或 location.hash

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

当然，您还需要能够将您的 URL 转换回相关的页面内容。

于 2013-04-15T02:30:44.023 回答