Phonegap / jquery移动应用程序上的正确页面导航答案

【问题标题】：Correct page navigation on Phonegap / jquery mobile appPhonegap / jquery移动应用程序上的正确页面导航
【发布时间】：2012-08-02 18:29:17
【问题描述】：

我正在使用 phonegap 和 jquery mobile，但在返回页面时遇到问题。共有四页：

飞溅

主要

子主目录

所以让我们说这样的流程总是首先到达初始屏幕。如果用户以前从未登录过，则会显示登录屏幕，如果有，则会显示主页。这是一个场景：

新用户会这样导航：

飞溅

主要

子主目录

现在从子主屏幕，如果他们想退出，他们会点击返回按钮，直到他们退出。但是，当我希望他们在他们回击主屏幕时退出应用程序时，这条路线将再次引导他们通过登录页面和启动屏幕。

有没有办法让用户在按下 Main 时退出？

我意识到我可以通过禁用后退按钮并添加退出按钮来避免这种情况。

我不确定这是否重要，但我的所有页面都在一个 html 文件中，由具有 data-role="page" 属性的 div 分隔

【问题讨论】：

【解决方案1】：

我认为navigator.app.exitApp() 是您正在寻找的。当我们手动跟踪历史记录时，我们的辅助函数看起来类似于：

function backKeyDown(){
    if(historyContainsInfo(){
        popHistory();
    }else{
        navigator.app.exitApp();
    }
}

并通过document.addEventListener("backbutton", backKeyDown, true);注册

【讨论】：