Javascript 引导数据切换=";选项卡";-如何使用JS调用激活选项卡
我有一个JSP页面,它使用bootstraps data toggle=“tab”功能。在页面加载时,我使一个选项卡处于活动状态Javascript 引导数据切换=";选项卡";-如何使用JS调用激活选项卡,javascript,jquery,twitter-bootstrap,highcharts,Javascript,Jquery,Twitter Bootstrap,Highcharts,我有一个JSP页面,它使用bootstraps data toggle=“tab”功能。在页面加载时,我使一个选项卡处于活动状态 <ul class="nav st-nav-tabs"> <li class="active"><a href="#tab1" data-toggle="tab">First Tab</a></li> <li><a href="#tab2" data-toggle="tab"
<ul class="nav st-nav-tabs">
<li class="active"><a href="#tab1" data-toggle="tab">First Tab</a></li>
<li><a href="#tab2" data-toggle="tab">Second Tab</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="tab1"></div>
<div class="tab-pane active" id="tab2"></div>
</div>
首先,您需要为选项卡提供一个
id
,我将其称为myTabs:
<ul class="nav st-nav-tabs" id="myTabs">
您可以阅读bootstrap中的选项卡。调用
.click()
方法获取实际链接:$(“#mynav a[href=“#tab2”]”)。单击()
@180cl,欢迎使用。别忘了在答案左边打勾,以显示它对未来用户的帮助。根据我的经验,这不能直接从Jquery调用。如果你想让它工作,它必须通过点击或其他行动。这不起作用:$('#myTabs a[href=“#name”]).tab('show')代码>它需要一个点击
,完成
或其他动作来激活。
<ul class="nav st-nav-tabs" id="myTabs">
$('#myTabs a[href="#name"]').tab('show');