Javascript 如何使用jquery将引导4导航项添加到活动类

我有一个jekyll站点，我想使用javascript动态添加class

active

bootstrap4类。我使用下面的代码

$(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

中。 但它只适用于主页。请建议正确的代码。谢谢。

试试这个：

var pathname = window.location.pathname;

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

试试这个：

var pathname = window.location.pathname;

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