jQueryMobile新版中导航栏按钮消失的解决方法

最近将jQueryMobile的库更新到最新版后，发现以前用 jQueryMobile 写的一些东西， header 导航栏上的“后退”按钮统统不见了。这个功能挺贴心的，可以自动为你的 Web App 在不同页面之间跳转的时候增加导航功能。于是翻 jQueryMobile 的官方文档，在不起眼的地方发现了这样一句话：

jQuery Mobile has a feature to automatically create and append "back" buttons to any header, though it is disabled by default. This is primarily useful in chromeless installed applications, such as those running in a native app web view. The framework automatically generates a "back" button on a header when the page plugin’s addBackBtn option is true. This can also be set via markup if the page div has a data-add-back-btn="true" attribute.

原来默认把这个功能是关闭。打开它很简单，需要在页面源代码的 page 中加上 data-add-back-btn="true" 。

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

$(document).bind("mobileinit", function() {
$.mobile.page.prototype.options.addBackBtn = true;
});