我曾尝试更改事件选项卡,但未能正确使用 javascript onclick 元素。这是代码:
<ul class="nav nav-tabs" style="text-align: left;">
<li class="active"><a href="#first" data-toggle="tab">First</a></li>
<li><a href="#second" data-toggle="tab">Second</a></li>
<li><a href="#third" data-toggle="tab">Third</a></li>
</ul>
<div class=“tab-content">
<div id="first" class="tab-pane fade in active">
Text
<a href="#second" class="btn btn-primary btn-lg" onclick="CHANGE ACTIVE TAB TO SECOND" data-toggle="tab">Second</a>
<a href="#third" class="btn btn-primary btn-lg" onclick="CHANGE ACTIVE TAB TO THIRD" data-toggle="tab">Third</a>
</div>
<div id="second" class="tab-pane fade in">
Text
</div>
<div id="third" class="tab-pane fade in">
Text
</div>
</div>
我怎样才能使用按钮将事件选项卡更改为其关联的 ID?请指教。
祝你有美好的一天!
最佳答案
您也可以使用 .tab('show')
以获得更大的灵 active
https://codepen.io/jacobgoh101/pen/ALELNr
<button class="btn btn-primary" onclick="menu3()">go to menu 3</button>
JavaScript:
function menu3(){
$('[href="#menu3"]').tab('show');
}
Bootstrap 文档:https://getbootstrap.com/javascript/#tabs
关于javascript - 如何使用 javascript 更改事件的 Bootstrap 选项卡,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39461076/