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

Jquery mobile 在pagebeforehide事件-jQuery Mobile中找出下一页,jquery-mobile,Jquery Mobile,我有一个应用程序,它列出了许多对象,并且选择了一个对象后,它的各个方面都可以通过深入细节页面进行编辑。它实现为单个HTML文件中的多个页面。 如果模型对象是汽车,则页面层次结构可能如下所示: 卡利斯特佩奇 单卡概览页 CarEngineDetailsPage 汽车色差 我想提示用户在退出SingleCarOverview页面返回主CarListPage时保存对汽车的任何更改。我已经研究了在SingleCarOverviewPage上处理“pageBeforeHide”事件,但是当我向

我有一个应用程序,它列出了许多对象,并且选择了一个对象后,它的各个方面都可以通过深入细节页面进行编辑。它实现为单个HTML文件中的多个页面。 如果模型对象是汽车,则页面层次结构可能如下所示:

  • 卡利斯特佩奇
    • 单卡概览页
      • CarEngineDetailsPage
      • 汽车色差
我想提示用户在退出SingleCarOverview页面返回主CarListPage时保存对汽车的任何更改。我已经研究了在SingleCarOverviewPage上处理“pageBeforeHide”事件,但是当我向前转换到详细信息页面时,它也会触发。挂接此处理程序的最佳点在哪里


提前感谢您的帮助

我想这应该可以-

$('#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

我认为这应该可以-

$('#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

很棒的东西。一个小的修改-我必须检查data.nextPage.attr('id')而不是“toPage”-如果你能修改上面的内容,我会接受这个答案。非常感谢@不客气,很高兴我能帮上忙。出于好奇,您使用的是什么版本的jQM?@MarkH我更新了答案以检查
data.NextPage.attr('id')
,而不是
data.toPage.attr('id')
。我认为后者适用于jQM的旧版本。我使用的是JQM1.3.1。再次感谢。很棒的东西。一个小的修改-我必须检查data.nextPage.attr('id')而不是“toPage”-如果你能修改上面的内容,我会接受这个答案。非常感谢@不客气,很高兴我能帮上忙。出于好奇,您使用的是什么版本的jQM?@MarkH我更新了答案以检查
data.NextPage.attr('id')
,而不是
data.toPage.attr('id')
。我认为后者适用于jQM的旧版本。我使用的是JQM1.3.1。再次感谢。