0

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

我想我需要一些 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>

谢谢!

4

4 回答 4

3

您可以使用诸如...

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

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

于 2012-05-28T12:39:57.860 回答
0
$("nav a").bind("click", function() {
$("nav a.active").removeClass("active");
$(this).addClass("active"). 

});
于 2012-05-28T13:18:16.637 回答
0

将此添加到您的 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;
}
于 2012-09-02T03:24:47.660 回答
0

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

 $("nav ul").click( function() {
        $(this).addClass("active").siblings().removeClass("active");
    });
于 2016-02-24T07:19:52.393 回答