[英]keep link active after clicked using same page anchors
基本上,我有一个固定的导航栏,具有相同的页面锚点,在单击链接并转到页面的该部分后,我想保持链接的活动状态。 如果链接到另一个页面,这很简单,但是我不知道如何转到这里。
这就是我所拥有的。 我只向大家展示第一个链接和这一部分,因为以下链接的解决方案很可能是相同的。 我没有写任何CSS,因为我不确定该怎么做。
<nav id="navbar" class="navbar">
<div id="navContent" class="areaMargin navContent row">
<a href="#schedWrapper" class="link btn btn-lg btn-primary col-lg-2 col-md-2 col-sm-2 col-xs-12">Scheduling</a>
</div>
</nav>
<section id="schedWrapper" class="bgWrapper ">
<img class="bgImg" src="images/bg/scheduling-bg.jpg">
<article id="schedContent" class="areaMargin fittext">
<header class="top">
<div class="col1"><h1>A New Way<br />To Schedule<br />Everything</h1></div>
<div class="col2"><img src="images/scheduling-client-group-event.png"></div>
</header>
<div class="clearfix"></div>
<div id="schedBottom">
<p>One calendar that lets you manage schedules for your team<br />
and your spots, all in one calendar, with options of sharing your<br />
own personal schedule, and you can accept and decline<br />
appointments with any device.</p>
</div>
</article>
使用jQuery,您可以简单地在链接上切换active
类:
$('#navContent a').click(function(){
/* remove class from prior active link*/
$('.activeLinkClass').removeClass('activeLinkClass');
/* "this" is current link clicked*/
$(this).addClass('activeLinkClass');
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.