Ghost Blog 为页面的菜单项提供 class 当前

Question

有没有办法将 class 'current' 赋予 Ghost 博客中的活动菜单项。 我需要提供当前 class 以突出显示当前菜单项。

以下仅适用于主页。

{{#if current}} nav-current{{/if}}

谢谢。

Answer 1

我也遇到了同样的问题。在我的本地机器上工作，但在 Ghost 0.7.1 的服务器上工作，无论哪个节点版本。所以这不是主题的错。

我联系了 ghost slack 频道中的人，但没有人回应这个话题。

所以我只是在客户端通过JS处理。不太好，但在他们解决此问题之前这对我有用。

$('.nav a').each(function() {
    if($(this).attr('href') == window.location.href) {
        $(this).addClass('current');
    }
});

Answer 2

我运行遇到了同样的问题。您在导航中提供的 url 必须与页面的 url 相同。我忘记在我的 url 中添加尾部斜线，所以 if 语句 returned false。

即

• yourblog.com/about 不会 return 是

但是

• yourblog.com/about/ 将 return 为真。