javascript - 当父元素包含类 ="true"时，将子元素设置为 aria-expanded ="active"

Question

当父元素包含 active 类时，我想将子元素设置为 aria-expanded="true":

<li class="dropdown active">
    <a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="true">
        Section 4 
        <span class="caret"></span>
    </a>
    <ul class="dropdown-menu">
        <li class=""><a href="#section41">Section 4-1</a></li>
        <li class=""><a href="#section42">Section 4-2</a></li>
    </ul>
</li>

此代码来自示例 here

在该示例中，当我向下滚动到第 4-1 和 4-2 部分时，我希望打开下拉菜单。我尝试了几件事，但没有找到有效的解决方案。

Answer 1

你真正想要的是将class open添加到active drop down，你想要的效果与aria-expanded=true无关:

使用这段代码:

$(window).scroll(function(){
if ( $( ".dropdown" ).is( ".active" ) ) {
     $( ".dropdown.active" ).addClass("open");
}
else
{
$( ".dropdown" ).removeClass("open");
}

});