一个html5页面上的Javascript活动链接

我正在用滚动内容进行导航。 我走得如此之远，以至于每次我“点击”一个链接，它都显示出“主动”的方式。 但我现在的问题是，当您输入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>

$（函数（）{
$（'a.anchorLink'）。单击（函数（e）{
var$this=$（this）；
$（“#nav”）.load（$this.attr（'href'）；
$（'a.anchorLink'）。removeClass（'active'）；
$（this.addClass（'active'）；
//防止默认链接单击
e、 预防默认值（）；
})
});

然后是导航：

<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>

每个导航链接到内容中的一个部分。 查看整个页面

或者，您甚至可以硬编码第一个链接的活动类，因为一旦单击其他链接之一，它就会被删除

---

这一部分比代码的其余部分要简单得多——我可以问一下，解决这一部分的问题是什么吗？你以前试过什么都没用？

哦，是的，没用。成功了。我不知道为什么我没想过。非常感谢。：-）

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