Question

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

在我的应用中，我有两个html页面，如login.html和home.html。在home.html有3页。（）像menupage，searchpage，resultspage。

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

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

[注意：页面应位于单个html页面（home.html）。

Answer 1

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

回看链接：Here

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();

    });
});

Answer 4

您可以在HTML代码的标题中尝试此脚本：

<script>
   $.extend(  $.mobile , {
   ajaxEnabled: false,
   hashListeningEnabled: false
   });
</script>

Answer 5

您可以在jquery mobile中使用nonHistorySelectors选项，而不想跟踪历史记录。您可以在http://jquerymobile.com/demos/1.0a4.1/#docs/api/globalconfig.html

找到详细的文档

Answer 6

这适用于版本1.4.4

  <div data-role="header" >
        <h1>CHANGE HOUSE ANIMATION</h1>
        <a href="#" data-rel="back" class="ui-btn-left ui-btn ui-icon-back ui-btn-icon-notext ui-shadow ui-corner-all"  data-role="button" role="button">Back</a>
    </div>

Answer 7

尝试使用li可以更加均匀

<ul>
 <li><a href="#one"  data-role="button" role="button">back</a></li>
 </ul>

jQuery Mobile - 后退按钮

7 个答案: