主页 / 问题 / 1184627
Accepted
Tempest
Asked:2020-10-01 07:33:16 +0000 UTC2020-10-01 07:33:16 +0000 UTC

需要在 jquery 中编写什么来突出显示活动链接？

  • 772

我写风格

.active {
  color: red;
}

并写入js文件

$('a').on('click', function(event) {
     $(this).addClass('active');
     $('a').removeClass('active');
});

最后，结果应该是这样的——当你点击一个链接时，它会变成活动的并变成红色，当你点击另一个链接时，已经按下的那个应该变成红色，而前一个应该会熄灭。但最后，只有当 $('a').removeClass('active') 行被删除，然后链接至少在点击时开始燃烧时，这一切才有效，但为什么会发生这种情况？为什么 .removeClass 根本不起作用？怎么做才对？

网站本身 tempest.beget.tech

jquery

1 个回答

  1. Best Answer

    在当前的实现中，您使用此引用 - 向其中添加一个类并立即将其删除。
    您需要删除所有其他链接。

        $('a').on('click', function(event) {
        $('a.active').removeClass('active'); // Удаляем класс active у всех ссылок, у кого он проставлен.
        $(this).addClass('active'); // Текущему элементу проставляем класс active
    });
        .active {
        color: red;
    }
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a href="#">123</a>
<a href="#">123</a>
<a href="#">123</a>
<a href="#">123</a>

    • 4

相关问题