javascript - 想要激活当前的 <li>

Question

我正在创建视差网页

我想要点击

<li class="active">

活跃并使其他人不活跃。我只是不知道该怎么做。我正在使用 twitter bootstrap 进行导航

<ul class="nav navbar-nav navbar-navi">
   <li class="active"><a href="#home" class="scroll">Home</a></li>
   <li><a href="#about" class="scroll">About</a></li>
   <li><a href="#" class="scroll">Works</a></li>
   <li><a href="#" class="scroll">Services</a></li>
   <li><a href="#" class="scroll">Stats</a></li>
   <li><a href="#" class="scroll">Team</a></li>
   <li><a href="#" class="scroll">Contact</a></li>
</ul>

CSS

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover
 {
   color: #B38441;
   background-color:transparent;
 }

我正在使用 Js 来实现平滑滚动

 $(".scroll").click(function(event){
     event.preventDefault();
     //calculate destination place
     var dest=0;
     if($(this.hash).offset().top > $(document).height()-$(window).height()){
          dest=$(document).height()-$(window).height();
     }else{
          dest=$(this.hash).offset().top;
     }
     //go to destination
     $('html,body').animate({scrollTop:dest}, 1500,'swing');
 });

Answer 1

$('.nav').click(function(){
    $('.nav').removeClass('active');
    $(this).addClass('active');
});