Question

我有以下三个HTML文件

snapshot http://maroonlemoon.com/egather/screen.png

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

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

Home.html页面使用事件

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

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

以上事件调用以及ShowHomePage都在javascript文件中找到，该文件在Home.html的div data-role =“page”的结束标记之前被调用

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

当用户点按任何列表项时，我会使用Index.html中使用的相同事件将其导航到外部Activity.html页面

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

Activity.html中的后退箭头具有data-transition =“slide”data-direction =“reverse”data-rel =“back”属性并触发完全正常返回Home.html，但整个页面获取完全重新加载，我只是希望它返回到上一页状态，而无需重新加载和重新绑定所有内容。对我来说奇怪的是，如果我从Home.html而不是Index.html启动流程（我的意思是如果我不登录并直接转到home.html），并点击列表项并再次返回页面完全符合我的要求（不再重新加载）。

任何想法如何克服这一点？提前谢谢。

Answer 1

我在

上遗漏了data-dom-cache =“true”

 <div data-role="page" id="homepage" data-dom-cache="true">

jQuery移动加载页面再次回击

1 个答案: