將活動類添加到按鈕上的引導選項卡單擊

Question

我有one button和bootstrap tab。

單擊按鈕想要將類活動添加到第一個選項卡元素。

我正在動態生成所有標籤元素，並且只想在按鈕單擊時激活第一個標籤元素。 myButton的

<ul class="nav nav-tabs"> 
          <li><a href="#divArea1" data-toggle="tab">div1<i class="fa"></i></a></li> 
          <li><a href="#divArea2" data-toggle="tab">div2 <i class="fa"></i></a></li> 
         </ul> 

Answer 1

這裏是一個JSFiddle，點擊你有active類第一標籤中的按鈕：

HTML：

<ul class="nav nav-tabs"> 
    <li><a href="#divArea1" data-toggle="tab">div1<i class="fa"></i></a> 
    </li> 
    <li><a href="#divArea2" data-toggle="tab">div2 <i class="fa"></i></a> 
    </li> 
</ul> 

<button class="btn btn-default clickme">Click</button> 

JS：

$(document).ready(function() { 
    $('.clickme').click(function() { 
     $('.nav-tabs li:first').addClass('active'); 
    }); 
}); 

Answer 2

試試這個：

$('#MyButton').click(function() { 
$('.nav-tabs a:first').tab('show'); 
});