jQuery Mobile:为所有页面使用相同的页眉

前端之家收集整理的这篇文章主要介绍了jQuery Mobile:为所有页面使用相同的页眉前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图实现一些代码,它将在我的所有网页上创建页眉和页脚,而不是对它们进行硬编码.我试过这个:

我在我的“主页”中我已经这样做了.

  1. <div id="headerProto">
  2. <div data-role="header" data-position="fixed" data-theme="b">
  3. <h1> Title </h1>
  4. </div>
  5. </div>

然后在其他页面我有:

  1. <div class="headerChild">
  2. </div>

我补充说:

  1. $(".headerChild").html($("#headerProto").html());

没有骰子.无论哪种方式,都是我应该如何做的总猜想.有没有更好的办法?

解决方法

使用 .load()可能有帮助,然后只需将要包含的代码放入要链接文件中即可.
  1. $('.headerChild').load('pathto/headerProto.html')

如果您不想将数据保存在单独的文件中,则可以使用另一种方法
我没有这样做,但从一些快速的研究,你也可以链接文件中的一个元素.

  1. $('.headerChild').load('pathto/mainPage.html #headerProto')

猜你在找的jQuery相关文章