ListView中的jQuery Mobile缺少后退按钮

Question

我想我已经阅读过jquery mobile中的Back按钮存在问题？在查看使用嵌套列表的文档和演示后,我仍然缺少此后退按钮 - 这就是我尝试这个的方式:(超级简化版本,因为它仍有问题)

<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"的列表,同样在此页面应该是标题栏,"项目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;
});