jquery-mobile - 与 Jquery 移动嵌套列表不一致的页面主题

Question

在 jquery mobile 我有一个嵌套列表。当嵌套列表出现时，页面与前一页不同。显示列表“1.html”的页面是：data-theme="a"，带有漂亮的页眉和页脚。嵌套列表看起来像 data-theme="d"，没有页脚并且有一个后退按钮 - 我更喜欢自定义按钮？无论如何要解决此问题，以便嵌套列表页面与其父页面一致？谢谢 ：-）

Answer 1

一个错误？您使用的是什么版本的 jQuery Mobile？从 1.1.0 版开始，默认情况下禁用标题中的后退按钮。查看此示例http://jquerymobile.com/demos/1.1.0/docs/lists/lists-nested.html

关于您关于按钮、页脚和主题的第二个问题。

要呈现按钮，您需要做的就是将data-role="button"主题添加data-theme="a"到这样的链接中

<a href="index.html" data-role="button" data-theme="a">Link button</a>

要创建页脚，您需要在页面 div 中放置以下内容：

<div data-role="footer">
    <h4>Footer content</h4>
</div><!-- /footer -->

作为演示，这是一个应用了主题e的页面：

<div data-role="page" data-theme="e">

    <div data-role="header" data-theme="e">
        <h1>Single page</h1>
    </div><!-- /header -->

    <div data-role="content">    
        <p>Some text here</p>
        <a href="index.html" data-role="button">Link button</a>       
    </div><!-- /content -->

    <div data-role="footer" data-theme="e">
        <h4>Footer content</h4>
    </div><!-- /footer -->

</div><!-- /page -->

作为提示，您可以在此处查看示例http://jquerymobile.com/demos/1.1.0/并通过在浏览器中选择“查看页面源代码”来研究代码。这就是我现在学习JQM的方式。