Menambahkan class active pada navigasi aktif dengan jQuery

jQuery(function() {
	if ( window.location.pathname == '/' ){
    		jQuery('.home_link').addClass('active');
	} 
	else {
		jQuery('.main-menu_classes a[href^="/' + location.pathname.split("/")[1] + '"]').addClass('active');
	}
});

Penjelasan singkat kode "Menambahkan class active pada navigasi aktif dengan jQuery"

Saya menambahkan class active pada menu HOME atau BERANDA (yang sudah saya tandai dengan class home_link) khusus untuk halaman homepage saja. Jika browser membuka halaman selain homepage, maka class active akan ditambahkan pada menu sesuai dengan link yang sedang kita buka.

Misalkan kita membuka halaman ABOUT, maka link /about/ akan ditambahkan class active.

Contoh penggunaan script ini saya gunakan ketika mengkonversi website https://www.ibeemusic.id yang sebelumnya menggunakan Elementor, kemudian dikonversi menggunakan Oxygen Builder.

Catatan Tambahan:

Saya menemukan kesulitan ketika menambah class active pada taxonomy, solusinya menggunakan kode dari https://stackoverflow.com/a/34547305 seperti dibawah ini:

    jQuery(function($) {
     var path = window.location.href; // because the 'href' property of the DOM element is the absolute path
     $('ul a').each(function() {
      if (this.href === path) {
       $(this).addClass('active');
      }
     });
    });