数据主题设置为页面不适用于 jquerymobile 的页眉和页脚答案

【问题标题】：Data-Theme set to page not applied to header and footer with jquerymobile数据主题设置为页面不适用于 jquerymobile 的页眉和页脚
【发布时间】：2011-12-02 11:18:00
【问题描述】：

也许有一些我看不到的明显的东西，但我认为在 div 中使用 data-role=page 设置 data-theme 应该为所有内容设置它：

<!DOCTYPE html> 
<html> 
    <head> 
    <title>Page Title</title> 

    <meta name="viewport" content="width=device-width, initial-scale=1"> 

    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
</head> 
<body> 

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

    <div data-role="header">
        <h1>Page Title</h1>
    </div><!-- /header -->

    <div data-role="content">   
        <p>Page content goes here.</p>      
    </div><!-- /content -->

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

</body>
</html>

但我仍然得到默认主题 A

我做错了什么？或者这是一个错误？它在 1 alpha 4 中工作，但在 1 final 中没有。

【问题讨论】：

在jsFiddle 上运行良好，您希望看到什么？
不，它没有。主题B有一个蓝条，不是黑条jquerymobile.com/demos/1.0/docs/api/themes.html
如果您将 data-theme="b" 添加到标题本身（如您链接的 JQM 文档中所述），它确实如此 - 您是否真的意味着级联样式不起作用？？
我的意思是在 data-role="page" 中设置主题应该级联到标题。在 beta2 之前的版本中就是这样工作的。也许是回归错误？
你是对的，实际上还有一个ticket about this 还在打开...

标签： jquery-mobile

【解决方案1】：

查看文档，http://jquerymobile.com/demos/1.0/docs/pages/pages-themes.html 它特别说：“但是，页眉和页脚将默认为主题“a”。例如，如果您想要一个页面的所有元素（包括页眉和页脚）只有主题“b”，您将需要为页面 div 以及页眉和页脚 div 指定 data-theme="b"。"

所以这不是错误。

【讨论】：

【解决方案2】：

答案是它目前是一个错误并且有一个ticket open about this

刚刚将它从 cmets 中移出，以便 OP 能够标记为答案！

谢谢

【讨论】：