Как добавить элемент навигации bootstrap 4 в активный класс с помощью jquery

Question

У меня есть сайт jekyll, к которому я хочу добавить класс active класс начальной загрузки 4 динамически с использованием javascript. Я использовал ниже код.

$(document).ready(function() {
    // get current URL path and assign 'active' class
    var pathname = window.location.pathname;
    $('.navbar-nav > li > a[href="'+pathname+'"]').addClass('active');
})

код в footer.js загружен в исходном коде. Но это работает только для домашней страницы здесь . Пожалуйста, предложите правильный код. Спасибо.

Answer 1

попробуйте это:

var pathname = window.location.pathname;

$('.navbar-nav > li > a[href="/' + pathname.replace(/\//g,'') + '"]').addClass('active');