Question

也许有一些我看不到的东西，但我认为在div中设置data-role = page的数据主题应该为所有内容设置它：

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

Answer 1

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

所以这不是一个错误。

Answer 2

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

刚刚从OP的评论中移除了这个标记为答案！

由于

数据主题设置为页面未应用于jquerymobile的页眉和页脚

2 个答案: