gruntjs - 使用 Assemble 进行导航

标签 gruntjs handlebars.js assemble

第一部分

我在 Handlebars 文件中为标题创建了一个“静态”导航(header.hbs - 如下)。我想使用 Handlebars 创建这个简单的一级导航(我目前也是新的)。还想根据用户所在的页面添加一个“事件”类。

<nav class="left">
  <ul>
    <li><a href="index.html" title="Home">Home</a></li>
    <li><a href="products.html" title="Products">Products</a></li>
    <li><a href="find-us.html" title="Find Us">Find Us</a></li>
  </ul>
</nav>

第二部分

我能够让这个工作(见下面的答案)。如何实现排序?现在链接似乎是随机顺序的。

最佳答案

我应该有 RTFM :)

常见问题解答中有一个完整的部分专门针对这个问题,哈!想想吧。

{{#each pages }}
  {{#is data.section "main"}}
    <li{{#is ../../page.dest this.dest}} class="active"{{/is}}>
        <a href="{{relative ../../page.dest this.dest}}">{{data.menutitle}}</a>
    </li>
  {{/is}}
{{/each}}

http://assemble.io/docs/FAQ.html

关于gruntjs - 使用 Assemble 进行导航,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25876673/

相关文章:

javascript - 为什么浏览器在使用 handlebars.js 时在 Firefox 中返回错误 "TypeError: this._input is null"(在 Chrome 中类似)?

html - 使用 json 作为 Assemble.io 的数据源

handlebars.js - {{#if}} 会影响上下文吗?

gruntjs - 构建过程 - MEAN(Mongo、Express、Angular、Node)堆栈的最佳实践?

javascript - 使用 grunt-cdnify 时出现错误

javascript - 在 Handlebars 模板上声明数据表

javascript - 如何在 express.js 中使用 handlebars-helpers 库?

handlebars.js - 使用 Assemble 从不同的集合中获取 "pages"

javascript - 如何使用 Bower 包含 npm 包?

javascript - 更改/注销 Handlebars 助手(Meteor)