Как добавить активный класс в Nav Link через Pug или JS - PullRequest
Новая
       27

Как добавить активный класс в Nav Link через Pug или JS

0 голосов
/ 25 апреля 2019

Я не могу получить активный класс для своих навигационных ссылок, основываясь на том, какой 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 быть примененным к текущей странице, как это было раньше. Возможно, приведенный выше код устарел и нуждается в доработке. Я готов попробовать другие простые подходы, так как я не слишком продвинут.

1 Ответ

1 голос
/ 25 апреля 2019

Вы можете использовать выражения JS в качестве значений атрибутов в pug.Попробуйте это: 

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