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选择器用于选项