jQuery Mobile，Phonegap和持久性標頭

Question

我想用jqm和Phonegap製作一個新的移動應用程序;我不明白如何獲得一個固定的標題，而不是在每次頁面更改時重新創建。

這是jqm用於ajax調用的經典代碼;但在每種情況下，標題都會重新加載。

<!-- Start of first page --> 

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

<div data-role="content">  
    <p>The content</p>   
    <p>View internal page called <a href="#second">second</a></p>  
</div><!-- /content --> 

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

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

<div data-role="content">  
    <p>I'm the second content</p>   
    <p><a href="#first">Back to first</a></p>  
</div><!-- /content --> 

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

我不喜歡過渡效果;我只想修改標題（與原生應用程序相似）。

我看到一些使用Phonegap製作的應用程序示例，其中的標題不會在每個頁面的更改時重新加載。

你能幫我嗎？

Answer 1

退房下一環節http://jquerymobile.com/demos/1.3.0-rc.1/docs/demos/widgets/navbar/footer-persist-a.html

你只需要添加數據ID和數據位= 「固定」：

<div data-role="header" data-id="my-header" data-position="fixed"> 

你可以在這裏嘗試一下：http://jsfiddle.net/dima_k/uwfHJ/

Answer 2

迪馬·庫茲米奇是正確的。爲了擴大他所說的內容，一些事情對於這個工作很重要。

• 首部的數據-id屬性必須在每一頁需要用於其持久性相同的值。
• data-position =「fixed」在每個持久標頭上是必需的。

另外，看起來您可以爲每個頁面的持久標頭設置不同的主題，並且它仍然會保留而不會轉換;它只是改變主題。