2011-06-03 98 views
3

我有问题试图让后退按钮显示在nexted列表中。我可以看到,同样是发生在你的演示是在这里:不能返回按钮嵌套列表

http://jquerymobile.com/test/#/test/docs/lists/lists-nested.html

你可以看到这里的问题:

http://jquerymobile.com/test/#/test/docs/lists/lists-nested.html&ui-page=Animals-8

或只需点击任何名单。

这是我的实际问题:

<ul data-role="listview" data-inset="true">'; 
<li data-icon="info"> 
<h3 class="ui-li-heading">Heading here</h3> 
<p class="ui-li-desc">Author:&nbsp;<strong>some author</strong></p> 
<p class="ui-li-desc">Description:&nbsp;<strong>some description</strong></p> 

      <ul data-role="listview" data-inset="true" data-add-back-btn="true"> 
       <li>sometthing here</li> 
      </ul> 

</li> 
</ul> 

这是bug还是我我忘了什么东西?

感谢

UPDATE:又如:

<ul data-role='listview'> 
      <li> 
       <li><div>Some Text</div><p>ddd</p> 
        <ul data-role='listview'> 

         <li> 
          some text here 
         </li> 

        </ul> 
       </li> 
      </li> 
     </ul> 

没有后退按钮。我如何使后退按钮显示?

+3

嗯,这是混淆。 – Pointy 2011-06-03 14:06:46

+1

后退按钮是什么? – 2011-06-03 14:57:35

+0

试试这里http://stackoverflow.com/questions/6522106/jquery-mobile-nested-list-back-button-gone张贴的解决方案,它帮助我。 – NPC 2011-08-01 11:53:52

回答

1

要重新返回按钮只需添加data-add-back-btn="true"页面容器:

相关:JQuery Mobile Latest 03 June 2011 Version - No back button

您使用的是测试,而不是演示,所以我想这将是最新的(或接近)建立。

UPDATE:

甲dding后退按钮

jQuery Mobile的有一个功能,自动 创建并追加“后退”按钮,任何头,虽然它被禁用 默认。这对于无应用安装的 应用程序(例如在本机应用程序Web视图中运行的应用程序)非常有用。当 页面插件的addBackBtn选项为true时, 框架会自动在标题上生成一个“返回”按钮。如果页面div具有data-add-back-btn =“true”属性,则也可以通过 标记进行设置。

如果您在锚点上使用属性data-rel =“back”,那么锚点上的任何点击将会模仿后退按钮,返回一个历史记录 并忽略锚点的默认href。链接回指定页面(例如,显示“home”的链接)或 (使用JavaScript生成“返回”按钮(如关闭对话框的 按钮))时,这是特别有用的 。当使用源标记此功能,请务必 提供实际指向 引用页的URL有意义的href(这将允许该功能用于在 C-级浏览器的用户。另外,请在记住,如果你只是想而不实际回去在历史上 逆转移,你应该 使用数据方向=“反向”,而不是属性

也许尝试:

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

我们在哪里增加,因此它出现在自动生成的页面,但?问题是关于嵌套列表,而对于较低级别的ul/ol,页面是由框架自动创建的。把数据回加-BTN顶级名单=“真”,或立,或实际UL - 没有帮助,后退按钮不会出现。 – NPC 2011-07-29 14:29:10

+0

我已更新我的答案。请注意,这可能会改变,因为JQM仍处于测试阶段 – 2011-07-29 14:49:01

+0

这里描述的解决方案帮助我:http://stackoverflow.com/questions/6522106/jquery-mobile-nested-list-back-button-gone – NPC 2011-08-01 11:54:31