javascript - 如何在 jquerymobile 中导航到以前查看过的页面

Question

我正在实现一个 jquerymobile 模板，该模板将进一步用于设备的 phonegap 部署 - iphone 和 android 手机。我有 11 个 Div，其数据角色为“页面”。每个页面标题都有一个返回按钮，实际上应该返回到它的父屏幕。此刻，我正在用锚做

<a href="#loginpage" data-role="button" data-icon="arrow-l" data-iconpos="left" data-inline="true">Back</a>

因此，当我在上面的示例中单击返回时，它会将我带到登录页面。但是还有其他可以尝试的东西来代替锚标签，这在以下场景中实际上是失败的？

流动 a. 屏幕 1 -> 屏幕 3

b. 流量 屏幕 2 -> 屏幕 3

在流程“a”中 - >当我在屏幕 3 中单击“返回”时，它应该返回到屏幕 1

在流程“b” ->当我在屏幕 3 中单击“返回”时，它应该返回到屏幕 2

我的流程在屏幕 3 上使用锚点失败，因为我无法将导航返回到我实际导航的屏幕。

等待一些帮助。:)

score 0 · Accepted Answer

很简单。

在此处查看 jQuery 移动文档：

“返回”按钮链接部分。

<a data-rel="back">Go Back</a>

此外，通过将以下内容添加到页面 div 中，可以在每个页面标题中自动生成按钮：

data-add-back-btn="true"

您还可以通过将以下代码添加到在 jQuery mobile 初始化后运行的代码中，使每个页面默认显示返回按钮：

  $.mobile.page.prototype.options.addBackBtn = true;

这以及其他一些选项，例如默认的后退按钮文本可以在这里找到：

部分添加返回按钮

score 0 · Accepted Answer

score 0 · Accepted Answer

你也可以尝试这样的事情：

$('.anchors_you_need_to_capture').click(function(e){
history.pushState(e.target.href);
}

它将单击的页面添加到历史记录中，因此当您单击返回时，它将转到最后单击的链接。

3 回答 3