jQuery Mobile - 后退按钮

Question

我正在使用jQuery Mobile 4.1开发应用程序.

在我的应用程序中,我有两个html页面,如login.html和home.html.在home.html有3页.()像menupage,searchpage,resultspage.

项目流程为login.html ---> home.html.在home.html中,menupage显示为第一页.如果我在menupage中选择了一些选项,它将移至搜索页面,然后移至结果页面.考虑一下,目前我在结果页面.如果我按移动浏览器上的后退按钮(iPhone-safari,Android-chrome),则会移至login.html.

但我想显示searchPage.怎么解决这个？是否有可能做到这一点？

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

Answer 1

使用data-rel="back"锚标记上的属性而不是哈希导航,这将带您到上一页

看看后面的链接:这里

Answer 2

较新版本的JQuery移动API(我猜它比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();

    });
});