Question

我有以下bootstrap3下拉菜单：

 <div class="btn-group">
     <span role="button" data-toggle="dropdown">
          <i class="icon-circle-arrow-down bigger-130" style="color: gray;"></i>
     </span>
     <ul class="dropdown-menu" role="menu">
          <li>
               <a role="menuitem">
                  Mark done
               </a>
          </li>
     </ul>
 </div>

我想要实现的是自动触发下拉菜单并选择第一项。这是我到目前为止的代码（此代码是事件处理程序的一部分）：

    var menu = $(".dropdown-menu");
    menu.dropdown('toggle');
    menu.first().addClass("active");
    menu.first().focus();

这会切换并显示下拉菜单，但不会将第一个元素设置为活动，点击标签会导航到菜单项以外的其他内容...

我的代码中缺少什么来实现这一目标？

Answer 1

menu.first()会返回.dropdown-menu元素本身。你想选择它的第一个孩子，即第一个li，所以：

menu.children().first().addClass('active')

自动打开btn-group下拉列表并选择第一个元素

1 个答案: