Question

我正在使用滚动内容进行导航。我到目前为止，每次我点击＆＃34;一个链接，它显示＆＃34;活跃＆＃34;办法。但我现在的问题是，第一个链接，＆＃34; om＆＃34;输入index.html文件时应该处于活动状态。

我有这个脚本：

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

或者您甚至可以对第一个链接的活动类进行硬编码，因为只要您单击其中一个链接，它就会被删除。

这部分比你的其他代码更简单 - 我可以问一下你的问题是什么解决了吗？你之前尝试过什么不起作用？

在一个html5页面上的Javascript Active链接

1 个答案: