JQuery Mobile标头显示不正确

Question

我刚刚复制了我之前创建的一个页面（标题正常显示），删除了不需要的内容并更改了它的ID：

<div data-role="page" id="page_web" data-add-back-btn="true">
    <div data-role="header" data-position="fixed" data-tap-toggle="false">headerheaderheaderheader</div>
    <div data-role="content">
        content
    </div>
    <div data-role="footer">
        <div data-role="navbar" data-position="fixed" data-tap-toggle="false">
            <ul>
                <li><a href="#page_home" data-icon="home">Home</a></li>
                <li><a href="#page_favorites" data-icon="star">Favorites</a></li>
                <li><a href="#page_settings" data-icon="gear">Settings</a></li>
            </ul>
        </div>
    </div>
</div>

像这样调用

页面：

$("#some_button").on("vclick", function ()
    {
        $.mobile.changePage("#page_web");
    });

Answer 1

试试这个。

   <div data-role="header">
   <a href="#" data-icon="arrow-l">Back</a>
   <h1>headerheaderheaderheader</h1>
   </div>

并查看API：api.jquerymobile.com/header

Answer 2

标题的标题应放在h1 - h6标记内。

<div data-role="header" data-position="fixed" data-tap-toggle="false">
  <h1>Header</h1>
</div>