JQM (jQueryMobile) 在changePage() 上将最后一页从 DOM 中推出

Question

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

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

有什么建议吗？

网站流程：

• 主页->填写信息->在
• 下一页的changePage()上提交->填写更多信息->在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() 。如果是这种情况，您可以连接列出的事件之一 在这里。

页面展示
在页面上触发
转换完成后显示。

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

jsfiddle 示例。

Answer 2

我不确定这是否与您的问题有关 - 但昨天有一个 JQM 修复程序与尝试删除 DOM 元素时出现的错误相关： https://github.com/jquery/jquery-mobile/commit/d4c7b5da66641a3fd081a834ca3d12a5518d499b