如何使用jQuery將Bootstrap 4導航項添加到活動類

Question

我有一個jekyll網站，為此，我想使用javascript動態添加class active bootstrap 4類。 我用下面的代碼。

$(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');