JQuery Мобильный заголовок отображается неправильно

Question

Я просто скопировал один из моих ранее созданных страниц (где заголовок показан нормально), удалены ненужные содержание и изменять его идентификатор:

<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

Header должны быть размещены внутри h1 - h6 тега.

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

Answer 2

Попробуйте с этим.

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

И проверить API: api.jquerymobile.com/header