android上的jquery mobile和phonegap back按钮

Question

我正试图使用jquery的api在我的android上创建一个移动应用程序。当我试图链接到另一个页面时，我点击了android按钮，出现了另一个页面，而这不是我原来的页面。

<div data-role="page" id='home'>
<div data-role="content">
<a href='#next_page'>Next Page</a>
</div>
</div>

<div data-role="page" id='next_page'>
<div data-role="content">
Content
</div>
</div>

<div data-role="page" id='wrong_page'>
<div data-role="content">
Content
</div>
</div>

因此，如果我在主页上，点击"Next Page“链接，就会进入next_page，但是当我按下安卓设备上的后退按钮时，wrong_page就会出现。知道为什么会发生这种事吗？

谢谢!

Answer 1

您可能对HTML代码的语法有问题。你可以试试：

1. 自动生成带有jqm的后退按钮，请参见“后退”按钮链接这里。
2. 对后退按钮使用特定的API，并对所需的funct进行硬编码。

Answer 2

如果您对页面使用不同的HTML文件，请在标记上使用data-rel="back“而不是"#(tagID)"，这将带您进入上一页。

否则，如果您在同一个HTML文件中使用DIV进行分页。在您的.hide文件中使用“.js”来隐藏div，除非您想显示哪个div，如下所示

$("#1stdiv").hide();
$("#2stdiv").hide();
$("#3stdiv").hide();
$("#4stdiv").show();
$("#5thdiv").hide();

要在背页历史记录中这样做，实现堆栈并在输入页面后立即将页面弹出到堆栈中，然后在stack按钮onclick上编写onclick函数，该函数应该显示堆栈中的顶部元素。像这样

document.addEventListener("deviceready", onDeviceReady, false);
 function onDeviceReady(){
     document.addEventListener("backbutton", onBackKeyDown, false);
 }
function onBackKeyDown(){
   //hide all div except the div which is in top of stack 
 }

但是，在phonegap中使用时，请确保在HTML文件中添加了<script src="cordova.js"></script>或<script src="phonegap.js"></script>。