在客戶端使用jQuery Mobile的多頁HTML5 Web應用程序中的所有頁面的導航欄

Question

我正在使用jQuery Mobile創建WebApp。

而且我有一個頁面是這樣的：

<div data-role="page" id="page1"> 
    <div data-role="header"> 
     <p> 
      Page 1 
     </p> 
     <div data-role="navbar"> 
      <ul> 
       <li><a href="#page1">To first</a></li> 
       <li><a href="#page2">To second</a></li> 
      </ul> 
     </div> 
    </div>  
</div> 
<div data-role="page" id="page2"> 
    <div data-role="header"> 
     <p> 
      Page 2 
     </p> 
     <div data-role="navbar"> 
      <ul> 
       <li><a href="#page1">To first</a></li> 
       <li><a href="#page2">To second</a></li> 
      </ul> 
     </div> 
    </div> 
</div> 

現場演示是http://jsfiddle.net/FB9KJ/

它的工作好，但我不想重複<div data-role="navbar">的每一頁。

有沒有辦法在所有jQuery Mobile頁面上使用相同的導航欄？

Answer 1

除非你願意在jsp中使用include，否則你將不得不爲每個jsp解決一個頁面。

OR

使用ANT替換與HTML標記您的文件在編譯時更換@ HEADER @令牌。