JQM(jQueryMobile)在changePage()上推出DOM的最后一页

Question

我注意到我刚刚查看的页面仍然在DOM中.有没有办法删除我使用changePage()转换到新页面后查看的最后一页？

我已禁用所有后退导航,因为我不希望在转换到新页面时返回到最后一页.

有什么建议？

网站流程:

• 主页 - >填写信息 - >提交更改页面()
• 下一页 - >填写更多信息 - >提交更改页面()
• 等等...

页面提交后,我不再需要了

更新:

这是第一页:

<div data-role="page" 
     id="first_page" 
     data-theme="z" 
     data-backbtn="false" 
     data-url="first_page" 
     class="ui-page 
     ui-body-z">

添加新页面时,它会附加一些内容:

<div data-role="page" 
     id="next_page" 
     name="next_page" 
     data-theme="z" 
     data-title="next_page" 
     data-url="getNextPage.php?page=next_page" 
     class="ui-page 
     ui-body-z">

像这样调用live():

// pageName[index] = next_page
$('#'+pageName[index]).live('pagecreate',function(event, ui){   
    $(ui.prevPage).remove();

像这样使用changePage():

$.mobile.changePage('getNextPage.php?page='+pageName[index],'slide',false,false);

Answer 1

不完全知道你的标记我猜你正在changePage()手动触发.如果是这种情况,您可以连接此处列出的其中一个事件.

pageshow
在转换完成后在显示的页面上触发.

$('div').live('pageshow',function(event, ui){
  $(ui.prevPage).remove();
});

关于jsfiddle的例子.