导航栏->如何突出显示某个特定链接，即使它不是当前链接

Navigation Bar -> How to highlight one particular link even though it is not the current link?

本文关键字：链接 gt 显示 何突出 导航      更新时间：2023-09-26

我有一个导航栏，现在我正在使用jQuery来突出显示nav栏上的当前链接。但我希望有一个页面不在nav栏的当前链接上，而是突出显示其中一个nav链接。我不知道该怎么做。非常感谢。

这是我当前的jquery代码，以突出显示当前链接：

$(function () {
    $('a').each(function () {
        if ($(this).prop('href') == window.location.href) {
            $(this).addClass('current');
        }
    });
});

将类添加到该li.highlight中，您的css是为当前类编写的，添加highlight类也像这个一样

.current{
    //your css
}

M假设上面是您当前类的css，所以将其添加到您的css 中

.current,.highlight{
    //your css
}

不，它不起作用。。。对不起，我没有问清楚。但假设我在下载部分，但它不在任何导航栏中，所以没有一个导航链接是隐藏的。但我希望突出显示"服务科"。

<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav navbar-right">
        <li><a href="#home" class="page-scroll">Home</a></li>
        <li><a href="#services-section" class="page-scroll">Services</a></li>
        <li><a href="#works-section" class="page-scroll">Portfolio</a></li>
        <li><a href="#about-section" class="page-scroll">About</a></li>
        <li><a href="#team-section" class="page-scroll">Team</a></li>
        <li><a href="#testimonials-section" class="page-scroll">Testimonials</a></li>
        <li><a href="#contact-section" class="page-scroll">Contact</a></li>
      </ul>
    </div>
相关文章：