Question

我在尝试让后退按钮显示在一个列表中时遇到问题。我可以看到你的演示在这里发生了同样的事情：

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>

这是一个错误还是我忘记了什么？

由于

更新：另一个例子：

<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>

没有后退按钮。如何显示后退按钮？

Answer 1

要重新启用后退按钮，只需将data-add-back-btn="true"添加到页面容器中：

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

您正在使用测试，而不是演示，所以我想这将是最新（或接近）版本。

更新：

http://jquerymobile.com/test/docs/toolbars/docs-headers.html

添加后退按钮

jQuery Mobile具有自动功能   创建并将“后退”按钮附加到任何标题，但它已被禁用   默认情况下。这在chromeless安装中非常有用   应用程序，例如在本机应用程序Web视图中运行的应用程序。该   框架自动在标题上生成“后退”按钮   页面插件的addBackBtn选项为true。这也可以通过设置   如果页面div具有data-add-back-btn =“true”属性，则进行标记。

如果您在锚点上使用属性data-rel =“back”，则点击任意内容   该锚将模仿后退按钮，返回一个历史记录条目   并忽略锚点的默认href。这特别有用   链接回命名页面时，例如显示“home”的链接，或者   使用JavaScript生成“后退”按钮时，例如按钮   关闭一个对话框。在源标记中使用此功能时，请确保   提供一个有意义的href实际指向的URL   引用页面（这将允许该功能为用户工作   C级浏览器。此外，请记住，如果你只是想要一个   你应该在没有实际回溯历史的情况下进行逆向过渡   改为使用data-direction =“reverse”属性。

也许试试：

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

无法使用Back按钮嵌套列表（最新版本）

1 个答案: