Question

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

CarListPage
- SingleCarOverviewPage
  - CarEngineDetailsPage
  - CarColourDetailsPage

我想提示用户保存对汽车的任何更改，因为他们退出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代替pagebeforechange - http://jquerymobile.com/demos/1.2.0/docs/api/events.html

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

1 个答案: