更改菜单效果很好，但我有锚的其他区域不起作用

Question

这是这个问题的扩展，它是固定的更改菜单项，当转到网站的特定部分时，会关闭一个部分，而我不会'；我不知道为什么但是，现在菜单系统工作得很好，现在存在的问题是，当我用锚点击任何其他项目时，它都不会改变。具体来说，当你滚动到以下部分时：我们已经为我们的社区服务了近50年！以及我们提供的屋顶服务。

这里又是一个测试站点，以减少在上一个问题中寻找它的必要性。http://wtr2022.webparity.net/index.html

对于我们提供的屋顶服务，选项卡部分会更改图片，但选项卡不会更改，项目也不会变为活动。

在部分：我们已经为我们的社区服务了近50年！"使命"、"愿景"one_answers"价值"选项卡显示为URL中的锚点，但它们不会更改。

有什么东西搞砸了，我相信它就在这里：

$('#ftco-nav .navbar-nav li a').click((e) => {
$('#ftco-nav .active').removeClass('active');
$(e).parent().addClass('active');
console.log("Argument for CLICK FUNCTION: ", e.currentTarget.innerHTML);
//            console.log("CURRENT TARGET for CLICK FUNCTION: ", e.currentTarget.parentElement);
if (e.currentTarget.innerHTML === "Services") {
funcs.changeAboutImage('sprayfoam');
}
});
/* Code for changing active link on clicking */
let btns = $("#ftco-nav .navbar-nav .nav-link");
for (let i = 0; i < btns.length; i++) {
btns[i].addEventListener("click", () => {
let current = document.getElementsByClassName("active");
// console.log("CURRENT: ", current);
});
}
/* Code for changing active
link on Scrolling */
$(window).scroll(() => {
let distance = $(window).scrollTop();
// console.log($(window).scrollTop());
if ($(window).scrollTop() > 701) {
$('#ftco-navbar').addClass('navbar-fixed');
}
if ($(window).scrollTop() < 700) {
$('#ftco-navbar').removeClass('navbar-fixed');
}
$('.ftco-section').each(function (i) {
if ($(this).position().top <= distance + 250) {
$('#ftco-nav .navbar-nav .nav-item.active').removeClass('active');
$('#ftco-nav .navbar-nav a').eq(i).parent().addClass('active');
}
});
}).scroll();

上面的代码出现在js/wtr-custom.js 中

现在菜单正在滚动，每当你点击其他锚点时，我相信这就是问题的原因或原因。

for (let i = 0; i < btns.length; i++) {
btns[i].addEventListener("click", () => {
let current = document.getElementsByClassName("active");
// console.log("CURRENT: ", current);
});
}

我不想更改任何内容，但是，我相信我还需要针对上面代码中的其他类名或ID。请确认。

Answer 1

我修复了它。这是对index.html中JS和CSS文件的简单重新排序。一切都很好。