我有一个基于本教程的 enduro.js 博客:
https://www.endurojs.com/blog/how-to-make-a-blog-with-endurojs
我想将导航栏和页脚添加为某些 URL 上可用的外部 .html
文件。如何将一些导航栏 url 包含到以下代码中,即组件“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>
最佳答案
我通过包含 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>
关于javascript - 将外部 html 包含到 enduro.js 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52698680/