jQuery Mobile - 后退按钮

我正在开发使用jQuery Mobile 4.1的应用程序。jQuery Mobile - 后退按钮

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

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

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

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

来源

2011-04-21 Finder

我也有同样的问题[链接]（http://stackoverflow.com/questions/ 11307727 /未得到-适当的对结果的回压合的jQuery移动）。任何人得到解决方案 [1]：http://stackoverflow.com/questions/11307727/not-getting-proper-result-on-back-press-in-jquery-mobile – PPD 2012-07-05 06:58:00

使用锚标记，而不是哈希导航属性data-rel="back"详细的文档，这将带你到前一页

看看后面链接：Here

来源

2011-04-21 12:19:57

雅THANKs ..但我想通过浏览器后退按钮移动上一页。 – Finder 2011-04-25 03:26:09

默认情况下，浏览器返回按钮会将您带回到最后一页，那么为什么您需要对此进行编码？ – 2011-04-25 12:52:03

在我的示例中，当我单击浏览器上的后退按钮时，浏览器后退按钮将我带入login.html（注意：我位于home.html的结果页面中）。 – Finder 2011-04-26 11:09:26

您可以使用jQuery Mobile中的nonHistorySelectors选项，您不想跟踪历史记录。您可以在这里找到http://jquerymobile.com/demos/1.0a4.1/#docs/api/globalconfig.html

来源

2011-04-21 07:32:58

你可以试试这个脚本的HTML代码头：

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

来源

2012-03-23 10:26:19 shani

jQuery Mobile的API的新版本（我猜它的更新比1.5）需要增加“后退”按钮明确我n页眉或每页底部。

所以，尽量在你的页面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">

来源

2012-07-12 09:04:25

这也适用于我，但是如何给它添加一个图标？我尝试了data-icon =“back”，但是按钮然后消失 – 2012-12-08 08:30:12

尝试

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

或

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

    }); 
});

来源

2012-12-21 17:31:52

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

来源

2014-09-19 11:40:58

当你设置'data-role = button'时，你不应该添加这些类。大多数是不需要的，那些做什么的应该用'data-icon'和'data-iconpos'的适当值来替换 – naugtur 2015-01-08 20:08:38

尝试使用锂能更均匀

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

来源

2016-09-21 09:41:53

jQuery Mobile - 后退按钮

回答

相关问题