Android中PhoneGap和Jquery-mobile的后退按钮问题答案

【问题标题】：back button problems with PhoneGap and Jquery-mobile in androidAndroid中PhoneGap和Jquery-mobile的后退按钮问题
【发布时间】：2015-01-16 12:50:15
【问题描述】：

我的android后退按钮有问题，我按照以下步骤操作：http://docs.phonegap.com/en/1.0.0/phonegap_events_events.md.html，但是当我给出后退按钮时，我删除了应用程序，我打算去第一个 div id 主页。

【问题讨论】：

标签： android jquery-mobile cordova

【解决方案1】：

您可以尝试设置：

$.mobile.phonegapNavigationEnabled

为了让 JQueryMobile 与 Phonegap 的后退按钮功能配合得很好。

【讨论】：

【解决方案2】：

除了 jquery-mobile 之外，您还可以使用普通的“div”来向上或向下滚动页面。在你的 .js 文件中使用“.hide”来隐藏 div，除了你想显示的那个，像这样

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

要在后台历史记录中实现这一点，请实现堆栈并在您进入页面后立即将页面弹出到堆栈中，然后在后退按钮 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>。

【讨论】：