列表视图中的 jQuery Mobile 缺少返回按钮

Question

我想我已经阅读了一些关于 jquery mobile 中的后退按钮存在问题的信息？在查看了使用嵌套列表的文档和演示后，我仍然缺少这个后退按钮 - 这就是我尝试这样做的方式：（超级简化版本，因为它仍然存在问题）

<div data-role="page">
   <div data-role="header">....</div>

   <div data-role="content">
       <ul data-role="listview">
            <li>Item 1
                 <ul><li>Item 1 - 2</li><li>Item 1 - 3</ul>
            </li>
            <li>Item 2</li>
            <li>Item 3</li>
       </ul>
   </div>

   <div data-role="footer">....</div>
</div>

据我所知，这应该有一个包含 3 个项目的列表 - 当单击“项目 1”时，它应该带您进入第二页，其中包含 2 个项目“项目 1 - 2”和“项目 1 - 3”的列表，这个页面上也应该有一个标题栏，标题为“Item 1”，还应该有一个返回按钮对吗？？

我也试过了：

<div data-role="page" data-add-back-btn="true">......</div>

如果有人可以帮助我，那就太好了。我正在使用 jQuery 1.6.2 版和 jQuery Mobile 1.0b3 版。

Answer 1

您是否尝试过更改后退按钮的全局配置？

这里是更改配置的文档：http://jquerymobile.com/test/docs/api/globalconfig.html

基本上你只需添加如下内容：

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