Простий сніпет, щоб додати клас active до елементу лінк вашого навбару.

1
2
3
4
5
6
7
8
function setActiveLink() {
  var currentPath = document.location.pathname;
  var selector = "a[href='" + currentPath + "']";
  var elem = document.querySelector(selector);
  if(elem !== null) {
    elem.setAttribute("class", "active");
  }
}

Те ж саме з використання jQuery (плюс скидання всіх попередньо встановлених активних лінків)

1
2
3
4
5
6
function setActiveLink() {
  var currentPath = document.location.pathname;
  var selector = "a[href='" + currentPath + "']";
  $("nav a").removeClass("active");
  $(selector).addClass("active");
}