自動打開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元素本身。 您想要選擇它的第一個孩子，即第一個li ，所以：

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