jQuery移动端再次加载页面就打回来了

jQuery mobile loading page again on hitting back

本文关键字:回来了 加载 移动 jQuery      更新时间:2023-09-26

我有以下三个HTML文件

快照http://maroonlemoon.com/egather/screen.png

当用户登录到索引页时,我使用下面的事件导航到首页。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
});

上面的事件调用以及showhoepage都可以在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),并点击列表项并再次返回,页面完全按照我想要的方式工作(不重新加载)。

有什么办法可以解决这个问题吗?

我在

上省略了data-dom-cache="true"
 <div data-role="page" id="homepage" data-dom-cache="true">