jquery-mobile - 在 pagebeforehide 事件中找出下一页 - jQuery Mobile

Question

我有一个应用程序，它列出了许多对象，并且选择了一个允许通过深入到详细页面来编辑其各个方面。它被实现为单个 HTML 文件中的多个页面。如果模型对象是汽车，则页面层次结构可能如下所示：

• 汽车列表页
  • SingleCarOverviewPage
    • 汽车发动机详情页面
    • 汽车颜色详情页

我想提示用户在退出 SingleCarOverviewPage并返回主 CarListPage 时保存对汽车的任何更改。我已经研究过处理 SingleCarOverviewPage 上的“pageBeforeHide”事件，但是当我向前过渡到详细信息页面时，它也会触发。钩住这个处理程序的最佳点在哪里？

提前感谢您的帮助

Answer 1

我认为这应该做 -

$('#SingleCarOverviewPage').on('pagebeforehide', function(event, data){
    if (data.nextPage.attr('id') == 'CarListPage'){
        // handle your stuffs here
    }
});

你也可以这样做 -

$('#SingleCarOverviewPage').on('pagebeforechange', function(event, data){
    if (data.nextPage.attr('id') == 'CarListPage'){
        // handle your stuffs here
    }
});

我会在这种情况下使用pagebeforehide而不是- http://jquerymobile.com/demos/1.2.0/docs/api/events.htmlpagebeforechange