Question

我的root中有一个nav.php，我在每个页面中使用

调用

这样我可以在一个文件中编辑，更改将在整个网站中生效。我试图在鼠标单击上删除Class并在新单击菜单项上添加addClass。下面是代码，我无法让它工作。

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

这是网址

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');
      });
    });
});

addClass＆amp; nav.php中的removeClass

1 个答案: