自動打開BTN-組下拉列表，選擇第一要素

我有以下bootstrap3下拉菜單：自動打開BTN-組下拉列表，選擇第一要素

<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();

這將觸發並顯示在下拉菜單中，但第一個元素沒有設置爲主動，打標籤導航的東西除了菜單項...

我的代碼中缺少什麼來實現它？

來源

2014-03-27 GETah

menu.first()返回.dropdown-menu元素本身。您想要選擇其第一個孩子，即第一個孩子li，因此請執行以下操作：

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

來源

2014-03-27 20:13:47

+1。這很有效，但是當我在進入它的狀態時，菜單似乎沒有觸發。 – GETah

你想從代碼中觸發該菜單項嗎？你可以在元素上調用'.click（）'，例如'menu.children（）。first（）。click（）'而不是 –

我真正想要的是在菜單中導航並在我想執行動作鏈接到這些菜單之一。實際上，即使是帶有Tab鍵的導航也會以某種方式被打破（我無法從一個菜單移動到另一個菜單）有什麼想法？ – GETah

自動打開BTN-組下拉列表，選擇第一要素

回答

相關問題