Question

我有一个导航栏，我现在正在使用jQuery突出显示nav栏上的当前链接。但我希望有一个页面不在nav栏中的当前链接上，但要突出显示nav个链接之一。我无法弄清楚如何。谢谢！

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

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

Answer 1

将类添加到li .highlight中，为当前类添加高亮类的css在哪里添加高亮类也是这样的

.current{
    //your css
}

M假设上面是你当前课程的css，所以在你的css中添加它

.current,.highlight{
    //your css
}

Answer 2

不，它不起作用......我道歉我没有问清楚。但是，假设我在下载部分，但它不在任何导航栏中，因此没有任何导航链接是高亮显示的。但我希望突出显示“服务部分”。

<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>

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

2 个答案: