如何导航到jquerymobile中以前查看的页面

Question

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

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

所以当我在上面的示例中单击后面时，它会将我带到Loginpage。但是还有其他东西可以尝试而不是锚标记，这实际上在以下情况下失败了吗？

流a。屏幕1 - ＆gt;屏幕3

流程b。屏幕2 - ＆gt;屏幕3

在流程“a” - ＆gt;当我点击屏幕3中的“返回”时，它应该返回到屏幕1

在流程“b” - ＆gt;当我点击屏幕3中的“返回”时，它应该返回到屏幕2

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

等待一些帮助。 ：）

Answer 1

很简单。

请参阅此处的jQuery移动文档：

http://jquerymobile.com/demos/1.2.0/docs/pages/page-links.html

“返回”按钮链接部分。

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

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

data-add-back-btn="true"

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

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

这个以及更多选项，例如默认的后退按钮文本可以在这里找到：

http://jquerymobile.com/demos/1.2.1/docs/toolbars/docs-headers.html

部分添加后退按钮

Answer 2

尝试设置data-rel =“返回” 请参阅文档 http://jquerymobile.com/demos/1.0a3/docs/pages/docs-pages.html

Answer 3

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

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

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