2014-02-26 211 views
0

我正在使用引导选项卡。标签问题引导

<ul class="nav nav-tabs"> 
    <li class="active"><a href="#home" data-toggle="tab">Home</a></li> 
    <li><a href="#settings" data-toggle="tab">Settings</a></li> 
</ul> 

<!-- Tab panes --> 
<div class="tab-content"> 
    <div class="tab-pane active" id="home"> 
     <h4>Horizontal description lists will truncate terms that are too.</h4> 
    </div> 
    <div class="tab-pane" id="settings"> 
     <p>narrower viewports, they will change to the default stacked layout. 
     <a href="#" id="read">Read Reviews</a> 
    </p> 
    </div> 
</div> 

有一个ID read。我想点击此ID打开主页选项卡,并希望激活主页选项卡。

+0

你试过类似'Read Reviews'的东西吗? – pstenstrm

+0

它的工作原理,但你将不得不添加一些JS,在活动标签上更改类 – gskema

+0

你的代码钢是在bootstrap选项卡中工作... –

回答

0

你可以在你的页面上添加下面的jquery。

$('#read').click(function() { 
    $('li a[href="#home"]').trigger('click'); 
});