2、同时页面的代码中加上一句 js 代码即可：

     $(document).bind("mobileinit", function() {

    $.mobile.page.prototype.options.addBackBtn = true;
});

页面在切换完后，会触发pagechange事件，于是我把pagebeforeshow改成了pagechange，一切都按预期运行，并且没有错误，终于大功告成了。

总结

在使用该插件时，请注意以下几点：

1、必须在引用该脚本之前，引用jquery和jquery mobile脚本文件；

2、必须在page上增加data-dom-cache="true"。

 

----------------------------------------------------------

使用jquerymobile的时候，我们新进入一个页面可能需要添加一个返回按钮，用户返回到上一个页面，我们可以使用上一篇文章中的方法，在Header中添加返回上一个页面的链接，但是这样有一点不好，如果这个页面有多个入口（即可以从多个页面跳入本页面），那么我们这个返回就得做判断了。在这种情况下我们可以使用jquerymobile的data-add-back-btn属性，并将其值设为true。这样jquerymobile会自动为我们记住该返回哪个页面。下面看一个例子代码：

   <a href="" data-rel="back">Go back...</a>  

我们做手机应用的时候，一般会在下面添加一些按钮，这时候我们就可以在footer上添加按钮了。这里我们不使用真正的按钮，而是使用CSS来将A标签，做成按钮一下，在上面的程序中添加如下的代码：

1. <div data-role="footer" class="ui-bar">  
2.   <a href="credits.html">Credits</a>  
3.   <a href="contact.html">Contact</a>  
4. </div>