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; 
     }); 

}