Ich bin neu in jQuery Mobile und habe Probleme beim Verständnis der Wiederverwendung eines Headers und der allgemeinen Navigation.

Also habe ich eine Kopfzeile erstellt, die rechts eine Menüschaltfläche hat. Wenn Sie auf diese Menüleiste klicken, wird ein Popup mit Links zu anderen Seiten angezeigt:

<div data-role="header">
       <h1>Home</h1>
       <a href="#popupMenu" data-rel="popup" data-transition="slide" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-icon-bars ui-btn-icon-right ui-btn-a">Menu</a>
           <div data-role="popup" id="popupMenu"  data-theme="a" style="top: 22px; right: -12px">
                  <ul data-role="listview" data-inset="true" style="min-width:250px; min-height: 698px;">
                      <li><a href="test1.html">Home</a></li>
                      <li><a href="test2.html">Second</a></li>
                 </ul>
           </div>
</div>

Ich kann diesen Code über alle Seiten hinweg duplizieren, aber was ich kurz in jQuery gelesen habe, erledigt das automatisch für mich. Ist das wahr. Wenn nicht, wie komme ich dahin?

Ausgehend von dieser Frage, wenn es um das Navigieren auf Seiten und die Wiederverwendung von Headern geht, lautet dasa href die Standardmethode zum Laden neuer Seiten?

Jede Hilfe wäre dankbar.

Vielen Dank.