cordova - jQuery mobile 中页面之间的转换

Question

我正在开发一个包含一些页面的应用程序，流程如下：

page1 -> page2 -> page -> 3 -> page1

现在每当我按下后退按钮时，如果我在第 1 页，我必须退出应用程序，如果我在其他页面，我必须返回上一页。

如果是原生 Android 开发，我们有Intents，我们可以使用它在页面之间进行转换。

我是 jQuery 移动和 Phonegap 的新手，我们Intents在 Phonegap/jQuery 移动中是否有类似的东西？或者还有其他方法可以执行上述操作吗？

Answer 1

让我们假设您的页面 1 的页面 id 是pageone.

你的 html 会是这样的

<div data-role="page" id="pageone">
</div>

您可以使用以下脚本获取页面的 id

    if($.mobile.activePage.attr("id") == "pageone"){
     // Code to exit or logout
    }

使用上述条件，您可以决定是退出还是继续上一页。

Android 后退按钮通常会将您带到您访问过的上一页。所以你需要处理android后退按钮以避免从第1页进入第3页。

最后它看起来如下

function onDeviceReady() {
    // Register the event listener
    document.addEventListener("backbutton", onBackKeyDown, false);
}

// Handle the back button
function onBackKeyDown() {
    if($.mobile.activePage.attr("id") == "pageone"){
     // Code to exit or logout
    }
    else{
      history.back()
    }
}

我还没有测试过。但理想情况下，它应该适合你。

Answer 2

为按钮编写代码时添加过渡

您可以在单击按钮时添加此脚本：

$.mobile.changePage('URL', { options } );

看看这个链接

Answer 3

Mayu 非常接近我在应用程序中使用的解决方案。

if($.mobile.activePage.attr('id') == 'pageone'){
   navigator.app.exitApp();
} else {
   navigator.app.backHistory();
}