ListView中的jQuery Mobile缺少后退按钮

时间:2011-09-13 20:00:45

标签: listview jquery-mobile back-button

我想我已经阅读过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”,在这个页面上也应该是一个带有“Item 1”作为标题标题的标题栏,并且还应该有一个正确的后退按钮?

我也尝试过:

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

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

1 个答案:

答案 0 :(得分:9)

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

以下是更改配置的文档:http://jquerymobile.com/test/docs/api/globalconfig.html

基本上你只需添加以下内容:

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