jQuery Mobileでページとnavbarテンプレートを設定する方法は？

Question

わかりません。 <div data-role="page">...</div> divにはそのページのすべてを含める必要があります。

<div data-role="page" id="page1"> 

    <div data-role="navbar"> 
     <ul> 
      <li><a href="#page1" class="ui-btn-active">One</a></li> 
      <li><a href="#page2">Two</a></li> 
      <li><a href="#page3">Three</a></li> 
     </ul> 
     </div> 

     <div role="main"> 

     <h1>One</h1> 

     </div> 

</div> 

<div data-role="page" id="page2"> 

    <div data-role="navbar"> 
     <ul> 
      <li><a href="#page1">One</a></li> 
      <li><a href="#page2" class="ui-btn-active">Two</a></li> 
      <li><a href="#page3">Three</a></li> 
     </ul> 
     </div> 

     <div role="main"> 

     <h1>Two</h1> 

     </div> 

</div> 

<div data-role="page" id="page3"> 

    <div data-role="navbar"> 
     <ul> 
      <li><a href="#page1">One</a></li> 
      <li><a href="#page2">Two</a></li> 
      <li><a href="#page3" class="ui-btn-active">Three</a></li> 
     </ul> 
     </div> 

     <div role="main"> 

     <h1>Three</h1> 

     </div> 

</div> 

そして、それはその後、アップ示さないので、私は、ページ外ナビゲーションバーを作成することはできません。しかし、私はすべてのページのdivの中に何度も何度もナビゲーションタブメニューを記述する必要があります。

そして、私は別のファイルにnavbarを持ってそれを含める方法が見つかりません。それはどういう意味ですか？同じナビゲーションバーを何度もコーディングする必要がありますか、それとも別の解決策ですか？

Answer 1

あなたのid値（id="page1", id="page2", id="page3"）を変更すると動作するはずです。