Javascript Jquery移动应用程序-导航并不总是有效

我的单页应用程序包含许多数据role=“Page”，每个页面加载一个脚本，其中截取了pageshow和pagebeforeshow（如下所示）

在pageshow中，我填充一个html标记，在pagebeforeshow中，我清空它

> $(document).delegate("#page1", "pageshow",        
function (e, data) {   
> filling page1Content ... 
}
> 
> $("#page1").on("pagebeforeshow", 
function(e, data) {
>   $("#page1Content").empty(); 
});

Backbutton的管理方式如下：

function onBackKeyDown() {
    if($.mobile.activePage.attr('id') == 'page2'){
        $.mobile.pageContainer.pagecontainer("change",
        "#page1");
    }else if ($.mobile.activePage.attr('id') == 'page3') {
        $.mobile.pageContainer.pagecontainer("change",
        "#page2");
    }
...

导航功能与backbutton功能一样正常，但在浏览一段时间后，它会被破坏，丢失某个页面或加载同一页面，然后继续正常工作

问题:

• 我怎样才能解决我的问题

• 我管理活动的方式是否存在任何错误的模式/功能

• 页面是否存储在某种堆栈中？（如果是，我如何检查它）

---

我使用的是JQM 1.4、Cordova 3.4和Android

我的解决方案是将我的单页应用程序重构为一个多页应用程序

一切都以超高速开始工作，在导航过程中没有任何问题

我不建议对这种环境的新手使用SPA