Question

我正在开发一个有一些页面的应用程序，这是流程：

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

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

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

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

Answer 1

在编写按钮

的代码时添加转换

您可以点击按钮添加此脚本：

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

查看此link

Answer 2

让我们假设您的第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 3

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

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

在jQuery mobile中页面之间的转换

3 个答案: