html - 在移动之前，当前菜单项不会在主页(第一)部分激活

Question

我正在使用 Wordpress 和 Underscores 入门主题为客户构建网站。着陆页是一个带有导航菜单的单页页面，可以滑动到带有 anchor 标记的正确部分。

问题是，对于第一部分，导航链接的“当前”类不会激活，直到我单击“主页”链接本身(页面不会移动，只有类激活)或向下滚动一点。在 html 中，“主页”部分似乎位于视口(viewport)的顶部，因此应该在着陆时激活它。有什么想法吗？

Answer 1

您可以在页面加载时添加当前类

$('.main-menu li:first-child').addClass('current');

或者事件检查是否没有被选中的元素:

if ($('.main-menu .current').length == 0)
    $('.main-menu li:first-child').addClass('current');