javascript - 如何通过Pug或JS向Nav Link添加事件类

我无法根据当前处于活动状态的URL为我的导航链接获取活动的类。

我有一位导师帮助我编写了这段代码，它正在工作：

if filename.replace('.pug', '.html').indexOf(pageLink) > 0
 a.active-nav-link= pageName
else
 a(href=pageLink)= pageName

但是我回到项目后，代码现在出现了编译错误，当我将块更改为a(href=pageLink)= pageName时，它可以成功编译，但是.active-nav-link类显然已经消失了。

ul.reveal
 each pageLink, pageName in navLink
  li
   block pages
     a(href=pageLink)= pageName

如何像过去一样将.active-nav-link类应用于当前页面。也许上面的代码已经过时，需要进行调整。我不太愿意尝试其他简单的方法。

最佳答案

您可以将JS表达式用作pug中的属性值。尝试这个：

a(
    href=pageLink
    class=(filename.replace('.pug', '.html').indexOf(pageLink) > 0 ? 'active-nav-link' : '')
)= pageName

关于javascript - 如何通过Pug或JS向Nav Link添加事件类，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/55840311/