jQuery Mobile的重用页眉和导航jQuery Mobile的重用页眉和导航(jQuery

我是新来的jQuery Mobile和有有问题的理解重用头和普通的导航。

所以，我创建了具有右侧的菜单按钮的标题。在点击弹出窗口的链接到其他网页此菜单栏：

<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>

我可以从我读简要jQuery不会为我自动复制所有网页上的这个代码，但。这是真的。如果不是我如何得到它。

从这个问题之后，当涉及到导航页和重用标题是a href标准的方式做加载新的页面？

任何帮助，将不胜感激。

谢谢。

您可以使用外部页眉和弹出窗口，让他们从任何网页访问。

将内外单独 div的body没有任何其他页面内。确保你没有任何其他分区/容器包装，但股利弹出body 。

<body>
  <div data-role="header" data-theme="a">
  </div>

  <div data-role="popup">
  </div>

  <div data-role="page">
  </div>
</body>

由于两者都是外部的小部件，你需要手动初始化 。呼叫.toolbar()来初始化标题， .popup()来初始化弹出。如果弹出包含其他控件JQM 列表视图例如，你需要调用.enhanceWithin()来初始化里面弹出窗口小部件。只添加下面的代码head 。

$(function () {
   $("[data-role=header]").toolbar(); /* initialize header */
   $("[data-role=popup]").popup().enhanceWithin(); /* initialize popup */
});