Question

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

<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

如果是点击事件，请使用类似的内容。

BasicDBObject searchQuery = new BasicDBObject();
searchQuery.put("tags", new BasicDBObject("$ne", []));

或

$('body').on('click', 'li.dropdown', function(){
  if($(this).hasClass('active')){
    $(this).children().attr('aria-expanded', true);
  }
});

Answer 2

你真正想要的是将类打开添加到活动下拉列表中，你想要的效果与aria-expanded = true无关：

使用此代码：

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

});

将子元素设置为aria-expanded =＆＃34; true＆＃34;当父包含class =＆＃34; active＆＃34;

2 个答案: