javascript - 通过 jQuery 激活类冲突

标签 javascript jquery css

我设计了一个 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 只删除单击另一个菜单项。我该如何解决?

最佳答案

试试这个

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

    });

关于javascript - 通过 jQuery 激活类冲突,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14276900/

相关文章:

javascript - 异步加载片段时如何使用 `oEvent`?

javascript - jQuery每个数组索引附加到div

javascript - 拉维尔 : Different json output for the same query

php - 我动态放置的内容显示不正确

javascript - 滚动时固定但停在页脚

javascript - 如何测试调度 Redux/Thunk 操作的 React 组件

javascript - 包含函数调用的 json 字符串

javascript - 由于隐藏的选择元素,按钮被禁用

jquery - 无法将输入按钮定位到 div

javascript - 如何使用 ng-repeat 在 Ionic 中创建卡片的动态排列