jQuery的后退按钮不能正常更新工作后，

Question

在我的jQuery Mobile的应用程序;

在menu.html和体内我做了这样的事情去help.html;

.... 

$(document).off('pageinit', '#menupage').on('pageinit', '#menupage', function() { 

    $(document).off('click', '#help').on('click', '#help', function(){ 
      $.mobile.changePage("help.html", { 
       reloadPage: true, 
       transition: "flip", 
       reverse: false 
      }); 
     }); 
} 

.... 

<li><a id="help" href="#" role="link" data-role="none"> 
         <div class="img help"></div> 
         <div class="menuTitle langMenuItem3">Help</div> 
         <div class="arrow"></div> 
</a></li> 

然后help.html页面上我有这样的后退按钮返回到menu.html：

<header data-role="header"> 
    <a href="#" data-rel="back" class="button" data-role="none"> 
     <div class="arrow_reverse"></div><span class="langBack">Terug</span> 
    </a> 
    <div class="pageTitle">Over deze app</div> 
</header> 

我的问题是这样的工作在正常情况下，但如果我使刷新menu.html，然后去help.html 然后回到菜单中再次，menu.html无法正确载入，我可以看到页面加载视觉确定，但萤火上我看到了一些必要标签内的javascripts不再命中，它从来没有击中过ny JavaScripts在menu.html的任何地方，只是从缓存中加载以前的html这就是所有。此外，menu.html的页面标题不会正确更改，并在该点之后保持为“帮助”。

我完全menu.html看起来像这样;

http://jsfiddle.net/M5CYZ/

任何想法？

Answer 1

做这种方式。

还给按钮的ID

<a href="#" id="backbtn" class="button"> 
<div class="arrow_reverse"></div><span class="langBack">Terug</span> 
</a> 

然后添加以下代码help.html

$('#backbutton').off('click').on('click', function() { 
$.mobile.changePage("menu.html", { 
    reloadPage: true, 
    transition: "flip", 
    reverse: true 
}); 
}); 

Answer 2

这是胡乱猜测，但根据您的代码，这是一种正常的行为。

jQuery Moible事件pageinit只会在初始页面加载期间触发一次，除非页面被刷新（手动，rel =“external”或在您的情况下reloadPage =“true”），它将永远不会再次触发。

如果你想每次页面被访问，然后使用pagebeforeshow事件，而不是JavaScript来再次执行。正如您的示例所示，删除pageinit并将其添加回来不会对您有所帮助。

如果您想了解更多，请阅读页面事件我其他的答案/文章：jQuery Mobile: document ready vs page events

下面是一个例子来证明我的观点：http://jsfiddle.net/Gajotres/Q3Usv/

$(document).on('pageinit', '#index', function(){  
    alert('Pageinit'); 
}); 

$(document).on('pagebeforeshow', '#index', function(){  
    alert('Pagebeforeshow'); 
});