listview - jQuery Mobile 在 ListView 中缺少后退按钮

Question

我想我已经阅读了一些有关 jquery 移动设备中的后退按钮存在问题的信息？在查看了使用嵌套列表的文档和演示后，我仍然缺少这个后退按钮 - 这就是我尝试这样做的方式:( super 简化版本，因为它仍然有问题)

<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;
});