JavascriptアクティブなリンクonHTML5ページ

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

ページ全体を参照するか、あなたはそれはできるだけ早くあなたが他のリンクのいずれかをクリックすると削除されるように最初のリンクのためのアクティブでもハードコードクラスのかもしれません。

この部分は、コードの残りの部分よりも些細なことですが、これを解決するためにあなたの問題が何であるか尋ねてもよいでしょうか？それまでに何を試してみましたか？