Twitter Bootstrap主动导航链接

Question

我想设置我的导航链接，当我按下它并保持活动状态时，它工作正常，但是当我应用此jQuery脚本时，我无法打开任何链接到其他.html页面。这是我的标记：

 <ul class="nav"> 
      <li><a href="#">Home</a></li> 
      <li><a href="#blog">Blog</a></li> 
      <li><a href="about.html">About Me</a></li> 
      <li><a href="#contact">Contact Me</a></li> 
     </ul> 

...和我的jQuery：

<script> 
    $(document).ready(function() { 
     $('ul.nav > li').click(function (e) { 
      e.preventDefault(); 
      $('ul.nav > li').removeClass('active'); 
      $(this).addClass('active');     
     });    
    }); 
    </script> 

得到任何帮助。

Answer 1

在您的代码中，您可以防止链接默认点击行为（打开页面）。

试试这样：

$(document).ready(function() { 
     $('ul.nav > li a').click(function (e) { 
      $(this).closest('ul.nav').find('.active').removeClass('active'); 
      $(this).parent().addClass('active');     
     });    
    }); 

Answer 2

这是我的代码：

$(function() { 

     $(document).on('click', '.ul.nav li', function() { 
      var $this = $(this); 

      $this.siblings('li').removeClass('active'); 
      $this.addClass('active'); 

      return false; 
     }); 

}