我使用 Elementor pro 创建了一个单页网站菜单。 问题是当它是一个像媒体查询 3840 这样的大屏幕时,或者缩小到 30% . 2 锚点出现活跃,elementor-item-active 我试过 j 查询,但不能删除/删除兄弟姐妹。 现在很烦人。
<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<script>
$(document).on('click', 'ul li a.elementor-item-anchor', function(){
$('ul li a.elementor-item-anchor').siblings().removeClass('elementor-item-active')
})
</script>
<ul id="menu-1-68332e1" class="elementor-nav-menu" data-smartmenus-id="1617832729256931"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1771"><a href="/./#home" class="elementor-item elementor-item-anchor elementor-item-active">Home</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-19"><a href="/./#uber-uns" class="elementor-item elementor-item-anchor">Über Uns</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-18"><a href="/./#services" class="elementor-item elementor-item-anchor">Dienstleistungen</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-21"><a href="/./#referenzen" class="elementor-item elementor-item-anchor">Referenzen</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2052"><a href="/./#jobs" class="elementor-item elementor-item-anchor">Jobs</a></li>
</ul>