addClass & removeClass в nav.php

Question

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

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

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

Вот URL

http://newriverreleasing.com

Спасибо

Answer 1

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

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

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

Кроме того, вам нужно загрузить это на соответствующие элементы, поместив его в функцию $ (document) .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');
      });
    });
});