最近将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 代码即可:

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