javascript - 通过 jQuery 激活的类冲突

Question

我设计了一个 HTML 网站并在active上面上课a

$('a').click(function(){
     $('a').removeClass("active");
     $(this).addClass("active");
});

它正在工作。我有一个菜单结构和连接页脚和顶部菜单active。

 $('.menuHolder li a').click(function (e) {
      $('.menuHolder li a').removeClass('active');
      var link = $(this).attr('href');
      $('a[href="' + link + '"]').addClass('active');

    });

现在，当我单击菜单项获取active类时，确定。但是当我单击菜单上的一个项目时，删除active我的菜单项上的类。

所以，我希望菜单项active删除只单击另一个菜单项。我该如何解决？

Answer 1

试试这个

 $('.menuHolder li a').click(function (e) {
      $('.menuHolder li a.active').removeClass('active');
      var link = $(this).attr('href');
      $('a[href="' + link + '"]').addClass('active');

    });

Answer 2

为您的菜单项分配特定的类并使用切换：

$('.menu-item').click(function() {
  $(this).toggleClass('active');
}

Answer 3

尝试改变

$('.menuHolder li a').removeClass('active');

到一个

$('.menuHolder li a.active').removeClass('active');

Answer 4

尝试这样的事情。工作小提琴

    $(function(){
        $('.menuHolder li a').click(function (e) {
              $('.menuHolder li a').removeClass('active');
              $(this).addClass('active');

        }); 
    });

Answer 5

哦对不起。

当我使用此代码时，一切正常。也许，a现在每个添加和删除主动自动。

$('a').click(function(){
     $('a').removeClass("active");
     $(this).addClass("active");
});