我正在尝试实现一些代码,这些代码将在我的所有网页上创建页眉和页脚,而不是对其进行硬编码。我尝试了这个:

我在“主页”中有此名称,我刚刚将其包装在div中想要的标题。

<div id="headerProto">
   <div data-role="header" data-position="fixed" data-theme="b">
       <h1> Title </h1>
   </div>
</div>

然后在其他页面中,我有:
<div class="headerChild">
</div>

我补充说:
$(".headerChild").html($("#headerProto").html());

没有骰子。无论哪种方式,这都是对我应该怎么做的完全猜测。有没有更好的办法?

最佳答案

使用.load()可能会有所帮助,然后只需将要包含的代码放在要链接的文件中即可。

$('.headerChild').load('pathto/headerProto.html')

如果您不想将数据保存在单独的文件中,则可以使用另一种方法:
我还没有这样做,但是通过一些快速的研究,您还可以链接到文件中的元素。
$('.headerChild').load('pathto/mainPage.html #headerProto')

09-10 11:29
查看更多