车把活动 TAB

Question

我有一个简单的分页。我想要做的是将 class "active" 添加到活动选项卡（我在第 8 页，所以按钮 8 有 "active" class）但它仍然行不通。我尝试了两件事，但都没有成功。

首先是这个：

{{#each pagination}}
  {{#if pagHelper}}
    <a>{{this.number}}</a>
  {{else}}
    <li class="paginator-item {{#is this.number current}}active{{/is}}">
      <a href="{{this.href}}" class="paginator-itemLink" onclick="getHref(this)">{{this.number}}</a>
    </li>
  {{/if}}
{{/each}}

第二个像这样：

{{#is this.number current}}{}
  {{#each pagination}}
  {{#if pagHelper}}
    <a>{{this.number}}</a>
  {{else}}
    <li class="paginator-item ">
        <a href="{{this.href}}" class="paginator-itemLink ACTIVE" onclick="getHref(this)">{{this.number}}</a>
    </li>
    {{/if}}
      {{/each}}
    {{else}}
      {{#each pagination}}
    {{#if pagHelper}}
      <a>{{this.number}}</a>
    {{else}}
      <li class="paginator-item ">
        <a href="{{this.href}}" class="paginator-itemLink" onclick="getHref(this)">{{this.number}}</a>
      </li>
    {{/if}}
    {{/each}}
    {{/is}}

基本上，我是在比较当前页码和按钮的页码。我尝试同时记录 "current" 和 "this number" 并且都给了我正确的值。问题是当我在 "each" 循环中使用 "current" 时，它什么也没给我。如果有任何想法，我将不胜感激。

Answer 1

我只需要将 ../ 添加到 current

{{#is this.number current}}active{{/is}}

到

{{#is this.number ../current}}active{{/is}}

车把活动 TAB

Handlebars active TAB

node.js

handlebars.js