[英]add active class to bootstrap tab on button click
I have one button
and bootstrap tab
. 我有
one button
和bootstrap tab
。
on click of button want to add class active to first tab element.
单击按钮后,要向第一个标签元素添加活动类别。
I'm generating all tab elements dynamically , and want to active only very first tab element on button click. 我正在动态生成所有选项卡元素,并且只希望在单击按钮时仅激活第一个选项卡元素。 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>
Here is a JSFiddle , clicking the button you have the first tab with class active
: 这是一个JSFiddle ,单击按钮,您将获得第一个选项卡,其中类
active
:
HTML: 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: JS:
$(document).ready(function () {
$('.clickme').click(function () {
$('.nav-tabs li:first').addClass('active');
});
});
try this: 尝试这个:
$('#MyButton').click(function() {
$('.nav-tabs a:first').tab('show');
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.