addClass & removeClass в nav.php

Question

У меня есть nav.php в моей корень, который я называю внутри каждой страницы с помощью

Этот способ я могу редактировать в одном файле, и изменение вступает в силу в течение всего сайта. Я пытаюсь удалитьClass щелчком мыши и addClass в новом пункте меню. Ниже приведен код, и я просто не могу заставить его работать.

<script> 
    $('li').click(function(){ 
     $('li.active').removeClass('active'); 
      $(this).addClass('active'); 
    }); 
</script> 

Вот это адрес

http://newriverreleasing.com

Благодаря

Answer 1

Есть несколько проблем, с этим ...

Селектор запроса $ ('ли'), безусловно, соответствовать более одного элемента на странице, поэтому вам нужно будет перебрать все из них и добавить функцию click(), например:

$('li').each(function() { 
    $(this).click(function(thisLi) { 
    // assuming there is only one li.active... 
    $('li.active').removeClass('active'); 
    thisLi.addClass('active'); 
    }); 
}); 

Кроме того, вы должны загрузить это на элементы, чтобы он совпадал, поместив его в $ (документ) .ready() функции, или аналогичные:

$(document).ready(function() { 
    $('li').each(function() { 
     $(this).click(function(thisLi) { 
     // assuming there is only one li.active... 
     $('li.active').removeClass('active'); 
     thisLi.addClass('active'); 
     }); 
    }); 
});