上一篇: javascript – Jquery事件日历工... 下一篇:javascript – 用jquery创建的ht...

javascript – 使用jquery突出显示活动链接

jQuery 发布时间：2022-04-19 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了javascript – 使用jquery突出显示活动链接，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

我试图突出显示活动链接,它确实突出显示它,但突然删除了下划线.无法弄清楚我做错了什么： @H_404_7@

@H_404_7@

$(document).ready(function () {
    var str = LOCATIOn.href.toLowerCase();
    $('nav ul li a').each(function () {
        if (str.indexOf(this.href.toLowerCase()) > -1) {
            $('a.active').removeClass('active');
            $(this).parent().addClass('active');
        }
    });
});

@H_404_7@HTML：

@H_404_7@

<nav>
    <ul>
        <li><a class="active" href="#intro" title="Intro">Intro</a></li>
        <li><a href="#what" title="what We Do">what We Do</a></li>
        <li><a href="#how" title="How We Do It">How We Do It</a></li>
        <li><a href="#modus" title="Our Modus Operandi">Our Modus Operandi</a></li>
    </ul>
</nav>

@H_404_7@有帮助吗？谢谢.

解决方法

我可以说你做错了什么!!您正在从标记中删除活动类,然后将其添加到它的父级是li.所以基本上你需要做的是将它添加回当前a,你可以通过在添加活动类之前删除.parent()来实现,更新后的函数如下所示： @H_404_7@

@H_404_7@

$(document).ready(function () {
    var str = LOCATIOn.href.toLowerCase();
    $('nav ul li a').each(function () {
        if (str.indexOf(this.href.toLowerCase()) > -1) {
            $('a.active').removeClass('active');
            $(this).addClass('active');
        }
    });
});