Bootstrap 3 - вручную присвоить активный класс заголовкам nav items

Question

Я использую nav walker для загрузки в wordpress.

Я добавил пользовательский элемент Nav из панели администратора под меню. Этот пользовательский элемент имеет 3 подстраницы, когда я перехожу на одну из страниц этого настраиваемого элемента, подчеркивается ссылка на страницу и класс «активный», но я также хочу, чтобы пользовательский элемент навигации или родительский элемент навигации были активны.

Как я могу это сделать?

Я попытался ниже код, но это не работает

<script language="javascript"> 
$(document).ready(function(){ 
    var currentLocation = location.pathname; 
    if (currentLocation == "media-gallery/pictures"){ 
     $("#menu-item-140").addClass("active"); 
    } 
}); 
</script> 

Answer 1

<script language="javascript"> 
$(document).ready(function(){ 
    var currentLocation = location.pathname; 
    alert(currentLocation); 
    // if (currentLocation == "media-gallery/pictures"){ 
    // $("#menu-item-140").addClass("active"); 
    // } 
}); 
</script> 


<script language="javascript"> 
$(document).ready(function(){ 
    var currentLocation = location.pathname; 
    // alert(currentLocation); 
    if (currentLocation == "/media-gallery/pictures"){ 
     $("#menu-item-140").addClass("active"); 
    } 
}); 
</script> 

:)

EDIT:

Для уточнения, этот код полностью протестирован и работает, предполагая, что ваш файл находится по адресу http://example.com/test/blank.php. Обратите внимание на ведущую косую черту.

<style> 
    .active{ 
     background-color: red; 
    } 
</style> 

<div id="menu-item-140">Make me red</div> 

<script language="javascript"> 
$(document).ready(function(){ 
    var currentLocation = location.pathname; 
    alert(currentLocation); 
    if (currentLocation == "/test/blank.php"){ 
     $("#menu-item-140").addClass("active"); 
    } 
}); 
</script>