Jekyll - автоматически выделяет текущую вкладку в строке меню

Question

Я использую github для размещения статического сайта и Jekyll для его создания.

У меня есть строка меню (как <ul>), и я бы хотел, чтобы <li>, соответствующий текущей странице, был назначен другой класс для выделения CSS.

Так что-то вроде псевдокода:

<li class={(hrefpage==currentpage)?"highlight":"nothighlight"} ...>

Или, возможно, даже сгенерировать все <ul> в Джекилле.

Как это можно сделать с минимальными изменениями вне обидного <ul>?

Answer 1

Вот метод jQuery, чтобы сделать то же самое

  var pathname = window.location.pathname;

  $(".menu.right a").each(function(index) {
    if (pathname === $(this).attr('href') ) {
      $(this).addClass("active");
    }
  });