一個HTML5頁面上的Javascript活動鏈接

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>

每個導航鏈接到內容中的一個部分。 要查看整個頁面， 請單擊此處

Answer 1

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

或者您甚至可以對第一個鏈接的活動類進行硬編碼，因為一旦單擊其他鏈接中的一個，它將被刪除。

這部分比其余的代碼更為瑣碎-請問您要解決的問題是什么？ 在此之前您沒有嘗試過什么？