[英]add active class to bootstrap tab on button click
我有one button
和bootstrap tab
。
单击按钮后,要向第一个标签元素添加活动类别。
我正在动态生成所有选项卡元素,并且只希望在单击按钮时仅激活第一个选项卡元素。 我的按钮
<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>
这是一个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');
});
});
尝试这个:
$('#MyButton').click(function() {
$('.nav-tabs a:first').tab('show');
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.