如何使用 jquery 添加 bootstrap 4 导航项到 class 活动

Question

我有一个 jekyll 站点，我想为此添加 class active bootstrap 4 class 使用 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 中加载到源代码中。但它只适用于主页 here。请建议正确的代码。谢谢。

Answer 1

试试这个：

var pathname = window.location.pathname;

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

如何使用 jquery 添加 bootstrap 4 导航项到 class 活动

How to add bootstrap 4 nav item to a class active using jquery

javascript

jquery

jekyll

bootstrap-4