jQuery移动-返回按钮

Question

我正在使用jQuery Mobile4.1开发应用程序。

在我的应用程序中，我有两个类似于login.html和home.html的html页面。在home.html中有3页。()如menupage，searchpage，resultpage。

项目流程为login.html -> home.html。在home.html中，菜单页显示为第一页。如果我在menupage中选择了some选项，它将移动到searchpage，然后是resultpage。考虑一下，目前我在结果页中。如果我在移动浏览器(iPhone-safari，Android-chrome)上按下后退按钮，它就会移动到login.html。

但我想要显示searchPage。如何解决这个问题？有可能做到这一点吗？

[注意:页面应该在单个html页面(home.html)中。

Answer 1

在锚标记上使用属性data-rel="back"，而不是散列导航，这会将您带到上一页

查看反向链接：Here

Answer 2

较新版本的JQuery移动应用程序接口(我猜它比1.5版更新)需要在每个页面的页眉或底部显式地添加“后退”按钮。

因此，尝试在页面div标记中添加以下内容：

data-add-back-btn="true"
data-back-btn-text="Back"

示例：

<div data-role="page" id="page2" data-add-back-btn="true" data-back-btn-text="Back">

Answer 3

试一试

$(document).ready(function(){
    $('mybutton').click(function(){
        parent.history.back();
        return false;
    });
});

或

$(document).ready(function(){
    $('mybutton').click(function(){
        parent.history.back();

    });
});