jquery - 活动项目：使用 jQuery 将类添加到锚点

Question

我的网站有一个由锚点组成的固定导航。我希望文本在单击时更改颜色以直观地表示活动状态，因此必须动态地将类添加到链接标记。

我想我需要一些 jQuery！问题：我仍在学习，不知道如何实现这一目标......

这是我的 HTML：

    <nav>
        <ul>
            <li class="menu_border"><a href="#accueil">ACCUEIL</a></li>
            <li class="menu_border"><a href="#projets">PROJETS</a></li>
            <li class="menu_border"><a href="#services">SERVICES</a>/li>
            <li class="menu_border><a href="#contact">CONTACT</a></li>
        </ul>
    </nav>

谢谢！

Answer 1

您可以使用诸如...

$("nav ul").on("click", ".menu-border", function() {
    $(this).addClass("active").siblings().removeClass("active");
});

然后active在你的 CSS 中定义类。

Answer 2

$("nav a").bind("click", function() {
$("nav a.active").removeClass("active");
$(this).addClass("active"). 

});

Answer 3

将此添加到您的 smooth-scroll.js 文件（或您正在使用的任何文件）中，或者您可以在当前页面中打开一个脚本：

//current highlight
$('nav ul li a').click(function() {
    $('nav ul li a').removeClass("current");
    $(this).addClass('current');
});

然后将其添加到您的 CSS 中：

.current 
{
    color: #ff6600 !important;
}

Answer 4

这是对亚历克斯的修复，他有一个语法错误。

 $("nav ul").click( function() {
        $(this).addClass("active").siblings().removeClass("active");
    });