[英]Include external html into enduro.js
我有一個基於本教程的enduro.js博客:
https://www.endurojs.com/blog/how-to-make-a-blog-with-endurojs
我想添加導航欄和頁腳作為某些URL上可用的外部.html
文件。 如何在以下代碼“header.hbs”中包含一些導航欄網址:
<header>
<div class="inner">
<h1><a href="{{global.base_url}}">{{global.site_name}}</a></h1>
{{#if global.site_description}}
<p>{{global.site_description}}</p>
{{/if}}
</div>
</header>
<nav class="aSiteNav" id="navbarDiv">
<div class="inner">
{{#if global.show_archive_link}}
<a href="/blog/archive/">{{global.archive_link_text}}</a>
{{/if}}
{{#navlinks}}
{{#each this}}
<a href="/blog/pages/{{this.page_slug}}/">{{this.content.navigation_title}}</a>
{{/each}}
{{/navlinks}}
</div>
</nav>
你可以嘗試這樣的事情
<header>
<iframe id="inlineFrameExample" src="{{url_of_your_header}}"></iframe>
</header>
我通過包含jquery來解決它:
<header>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script>
$(function(){
$("#navbar").load("https://mydomain.xyz/navbar.html");
});
</script>
<div class="inner" id="navbar">
</div>
</header>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.