Question

我正在创建一个（不是专业的）项目来练习我的编码技能。我正在使用引导程序进行某些操作，包括导航栏。但我想更改活动班级（导航项目位于不同的ul内）

我尝试通过谷歌搜索“在引导程序中更改活动类”找到的基本方法，但是我的html代码与任何人都不相似。我尝试使用唯一的类名称，使其对当前有效，但这会破坏代码。所以我必须使用活动课堂。我感谢所有帮助人员，谢谢。

https://github.com/Carbonautics/carbonautics.github.io 这是我在github.com上的代码

我希望它根据点击次数以及用户查看的内容来更改活动类别（例如：如果用户位于首页上，则首页变为活动状态；如果用户向下滚动至大约页面，则与活动状态相同）。

摘要：https://codepen.io/carbonautics/pen/oKvgWK

<div class="collapse navbar-collapse w-100" id="navLinks">
        <ul class="navbar-nav w-100 justify-content-center" id="activeLink">
            <li class="nav-item active">
                <a href="https://carbonautics.github.io" class="nav-link">home</a>
            </li>
        </ul>
        <ul class="navbar-nav ml-auto w-100 justify-content-end">
            <li class="nav-item hover" id="hoverbtn">
                <a href="#About Me" class="nav-link">about</a>
            </li>
            <li class="nav-item hover">
               <a href="" class="nav-link">progress</a>
            </li>
        </ul>
    </div>

Idk如何使用演示和东西，对不起，这是我的第一个问题。如果您看到代号笔，则我希望住所（活动中）位于中间，并在单击时更改班级，或者如果用户当前向下滚动到“关于我”页面。

Answer 1

您是否尝试过在单击事件后使用jQuery addClass添加自定义类？类似于：$( "p" ).addClass( "yourClass" );

在引导导航栏中更改活动类，但使用不同的ul

1 个答案: