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

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 元素本身。你想选择它的第一个 child ，即第一个 li，这样做:

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