1

在我的网站上使用航点时，我无法突出显示正确的菜单项（或者根本无法触发航点，我不知道）。我的内容的第二部分（#work）工作得很好，但第一和第三部分没有（#about 和 #contact）。我的 jquery 技能不好，所以我需要一些帮助！

HTML：

<nav>
    <ul class="nav nav-pills">
        <li class="active"><a href="#about">ABOUT</a></li>
        <li><a href="#work">WORK</a></li>
        <li><a href="#contact">CONTACT</a></li>
    </ul>
</nav>
<section id="about">..</section>
<section id="work">...</section>
<section id="contact">...</section>

查询：

$('#about').waypoint(function() {
    $('.nav .active').removeClass("active");
    $('.nav li:nth-child(1)').addClass("active");
})
$('#work').waypoint(function() {
    $('.nav .active').removeClass("active");
    $('.nav li:nth-child(2)').addClass("active");
})
$('#contact').waypoint(function() {
    $('.nav .active').removeClass("active");
    $('.nav li:nth-child(3)').addClass("active");
})

提前致谢！

4

0 回答 0