使用jQuery在nav-pills上激活类

jhdbpxl9 于 2024-01-07 发布在 jQuery

关注(0)|答案(1)|浏览(153)

我有一个网站，我在那里工作，我使用的是 Bootstrap 4的导航药丸设置。我想添加一个活动状态，点击两个链接，我有使用 accordion 下拉到视图中的内容。我有以下jQuery我使用：

$(function () {
$("#filtermenu li a").click(function () {
    $("#filtermenu li a.active").removeClass("active");
    $(this).addClass("active");
});
});

字符串
这在点击和切换时工作正常，这取决于你点击的标签，但它总是在其中一个链接上保持活动状态，这意味着你不能摆脱活动类。

jquery

来源：https://stackoverflow.com/questions/59145874/class-active-on-nav-pills-using-jquery

1条答案

按热度按时间

f0ofjuux1#

你总是添加'活动'类，你总是得到一个活动的元素，如果我理解正确，你想通过点击已经'活动'元素关闭下拉菜单。

$(function () {
  $("#filtermenu li a").click(function () {
    if($(this).hasClass('active')) {
      $(this).removeClass("active");
    } else {
      $("#filtermenu li a.active").removeClass("active");
      $(this).addClass("active");
    }
  });
});

字符串

赞(0）回复(0）举报 2024-01-07

我来回答

使用jQuery在nav-pills上激活类

1条答案

相关问题

热门标签

最新问答