Javascript jQuery手机加载页面再次回击

我有以下三个HTML文件

当用户登录到索引页面时，我使用以下事件导航到page Home.html

  $( ":mobile-pagecontainer" ).pagecontainer( "change","home.html", {
                  transition: "slide",
                  reverse: false,
                  changeHash: true,
            });

<script src="js/page.js"></script>

html页面使用事件加载所有页面内容（如屏幕截图所示的列表视图）

$(document).one('pageinit',function(){  
     ShowHomePage(); //This function binds all page buttons and also 
                       retrieves the list through an AJAX call
});

在Home.html的div data role=“page”的结束标记之前调用的javascript文件中可以找到上述事件调用和ShowHomePage

  $( ":mobile-pagecontainer" ).pagecontainer( "change","home.html", {
                  transition: "slide",
                  reverse: false,
                  changeHash: true,
            });

<script src="js/page.js"></script>

Activity.html中的返回箭头具有data transition=“slide”data direction=“reverse”data rel=“back”属性，返回Home.html时会完全触发，但是整个页面会再次完全重新加载，我只希望它返回到上一页状态，而不会重新加载和绑定所有内容。对我来说奇怪的是，如果我从Home.html而不是Index.html启动流（我的意思是如果我不登录并直接转到Home.html），然后点击一个列表项并再次返回，页面就会按照我希望的方式工作（不再重新加载）

---

有没有办法克服这个问题？提前感谢。

我遗漏了上的数据dom cache=“true”

---

在单页模型中，除了第一页加载外，外部页不保存在DOM中。一旦您离开页面，JQM就会将其删除。因此，当您导航回同一页面时，将重新加载该页面，并复制所有绑定。是的，我知道@Omar我只是忘了启用缓存。现在很好用。谢谢你的流程图（顺便说一句：）