Javascript Jquery Mobile存储信息的问题

基本上，我正在使用phonegap制作一个jquery移动应用程序，虽然我认为这个框架非常优秀，但我对它还是比较陌生的，而且我在存储信息的框架方面遇到了反复出现的问题。这在本例中变得明显：

由于框架内存不足，应用程序速度减慢/崩溃：
我的应用程序将从JSON文件中读取各种信息，并在文件中动态创建页面。它的工作原理与预期完全一致，但使用此javascript函数有10个不同的html文件，当用户在这些文件之间导航时，应用程序速度会迅速减慢，最终可能会崩溃。我研究这个问题已经有一段时间了，我认为这是DOM的问题，我研究了这个问题，但仍然无法解决这个问题。下面是javascript方法，仅供参考

 $(document).on("pageinit", "#Page1", function(){ 
  var info="";
  var dpages="";
  var pageno=1;  
  var imp= "Json/example.json";
  $.getJSON(imp, function(data) {
     $.each(data.tcontent, function(i, item) {
        if(item.Name=='Example'){
           var search=item.Variations;
           $.each(search, function(j, subitem) {

            info += '<a href="#Paged'+ pageno + ' " data-role="button" data-mini="true" rel="external">'+ subitem.condition +'</a><br>';

            dpages += '<div data-role="page"  data-theme="a" id="Paged' + pageno + '" data-dom-cache="true"> <div data-role="header" data-theme="c"><a data-rel="back" data-role="button" class="ui-btn-left" data-transition="flip" data-icon="back"> Back</a> <h2>'+ subitem.condition +'</h2> </div> <div data-role="content" data-theme="c" id="Paged '+ pageno +'_Content">  <p class="infotexttitle">Likely Organisms: </p> ' + subitem.organisms + ' <p class="infotexttitle"> Antimicrobial & Dosage </p> ' + subitem.antimicrobial + '  <p class="infotexttitle"> Alternative Antimicrobial: </p> ' + subitem.alternative + ' <div data-role="collapsible" data-mini="true" data-collapsed-icon="arrow-r" data-expanded-icon="arrow-d" data-iconpos="right" data-theme="d" data-content-theme="d"> <h3> Comments: </h3> <p class="guidelinetext"> ' + subitem.comments + ' </p></div> </div> <div data-role="footer" data-theme="c"> <h2>(c) Darragh O Connor </h2></div> </div></div>';



            pageno++;                        
        });
 }
 $("#texts").empty().append(info).collapsibleset().trigger('create');
 $.mobile.pageContainer.append(dpages);
 }); }); });

$（document）.on（“pageinit”，“#Page1”，function（）{
var info=“”；
var dpages=“”；
var pageno=1；
var imp=“Json/example.Json”；
$.getJSON（imp，函数（数据）{
$.each（data.t内容、功能（i、项）{
if（item.Name=='Example'）{
var搜索=item.Variations；
$.each（搜索，函数（j，子项）{
信息+='
'；
dpages+='Back'+subitem.condition+'
可能的生物体：
'+subitem.organics+'
抗菌剂和剂量
'+subitem.Antimicrobial+'
替代抗菌剂：
'+subitem.Alternative+'注释：
“+subitem.comments+”
（c）Darragh O Connor'；
pageno++；
});
}
$（“#text”）.empty（）.append（info）.collapsableset（）.trigger（'create'）；
$.mobile.pageContainer.append（dpages）；
}); }); });

我认为有一种简单的方法可以在每次在文件之间导航时擦除存储的信息。如果有人能透露一些情况，我们将不胜感激。

---

谢谢

请每个帖子只问一个问题。因此，“正确”的答案是明确正确的。当您离开外部加载的页面时，这些页面将被删除，但它们的痕迹仍保留在导航历史记录中。@Blazemonger我刚刚在那里编辑过它。你知道我该怎么做吗？