Javascript 引导数据切换=";选项卡";-如何使用JS调用激活选项卡

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"

我有一个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">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');