Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/api/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 导航栏->;如何突出显示一个特定链接,即使它不是当前链接?_Javascript_Jquery_Css - Fatal编程技术网

Javascript 导航栏->;如何突出显示一个特定链接,即使它不是当前链接?

Javascript 导航栏->;如何突出显示一个特定链接,即使它不是当前链接?,javascript,jquery,css,Javascript,Jquery,Css,我有一个导航栏,现在正在使用jQuery突出显示nav栏上的当前链接。但是我希望有一个页面不在nav栏中的当前链接上,而是突出显示nav链接之一。我不知道该怎么做。谢谢大家! 这是我当前的jquery代码,用于突出显示当前链接: $(function () { $('a').each(function () { if ($(this).prop('href') == window.location.href) { $(this).addClass(

我有一个导航栏,现在正在使用
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
}
我假设上面是当前类的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>


手动将
.current
类添加到该链接中?我猜上面的“手动”mr@crowd在这里的意思是用html完成。我猜你没有访问权限或者它是自动生成的,所以你的问题是?您将需要一种唯一标识此链接的方法,google jQuery选择器用于选项