Jquery mobile jquerymobile-back按钮

我正在使用jquerymobile4.1开发应用程序

在我的应用程序中，我有两个html页面，如login.html和home.html。在home.html中有3个页面。（）如菜单页、搜索页、结果页

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

但我想显示搜索页面。如何解决这个问题？有可能这样做吗

---

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

您可以在不希望跟踪历史的jquery mobile中使用非历史选择器选项。您可以在此处找到详细文档。

使用属性

data rel=“back”

在锚定标记上而不是哈希导航上，这将带您进入上一页

---

查看反向链接：

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

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

$.extend（$.mobile{
ajaxEnabled:false，
HashListingEnabled:false
});

JQuery mobile 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">

试试看

或

---

这适用于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>

换房动画

尝试使用li可以更均匀

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

Ya谢谢..但我想通过“浏览器后退”按钮移动上一页。默认情况下，“浏览器后退”按钮会将您带回到最后一页，那么您为什么需要对此进行编码？在我的示例中，当我单击浏览器上的“后退”按钮时，“浏览器后退”按钮会将我带到login.html（注意：我在home.html的结果页中）。我无法让它在@PhillPafford运行。

谢谢@PhillPafford。我最终继续使用了

我也有同样的问题。有人找到了解决方案[1]：这一个对我有效，但如何向它添加图标？我尝试了data icon=“back”但是按钮消失了当你设置

data role=button

等时，你不应该添加这些类。它们中的大多数都是不需要的，那些做事情的类应该被

data icon

和

data iconpos

  <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>

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