Javascript在一個html5頁面上的活動鏈接

Question

我正在使用滾動內容進行導航。 我到目前爲止，每次我「點擊」一個鏈接，它顯示「積極」的方式。 但現在我的問題是，當你輸入index.html文件時，第一個鏈接「om」應該是活動的。

我有這個腳本：

<script type="text/javascript"> 
$(function() { 
    $('a.anchorLink').click(function(e) { 
     var $this = $(this); 
     $("#nav").load($this.attr('href')); 
     $('a.anchorLink').removeClass('active'); 
     $(this).addClass('active'); 

     // prevent default link click 
     e.preventDefault(); 
    }) 
});</script> 

然後導航：

<nav> 
    <ul class="navig"> 
     <li id="om1"><a class="anchorLink" href="#om"></a></li> 
     <li id="cv1"><a class="anchorLink" href="#cv"></a></li> 
     <li id="video1"><a class="anchorLink" href="#video"></a></li> 
     <li id="kontakt1"><a class="anchorLink" href="#kontakt"></a></li> 
    </ul>    
</nav> 

每個導航鏈接到內容的部分。 要看到整個頁面click here

Answer 1

$(document).ready(function(){ 
    $('#om1 a.anchorLink').addClass('active'); 
}); 

或者你甚至可以硬編碼類活躍的第一環節，因爲它會在您點擊其他鏈接的一個儘快刪除。

這部分比其他代碼更加微不足道 - 我可以問一下你的問題解決了什麼？在此之前你曾嘗試過什麼沒有奏效？