如何从带有Bootstrap选项卡的其他页面转到所选选项卡

时间:2014-11-07 09:37:11

标签: jquery twitter-bootstrap bootstrap-tabs

我有一个由bootstrap 3构建的'index.html'和'country.html'

'country.html'是这样的:

<div class="tab-pane fade in" id="argentina"> ... </div> 
<div class="tab-pane fade" id="france"> ... </div>

和'index.html'是这样的:

<h2>Let's Go to Argentina<h2/>

<h2>Let's Go to France<h2/>

如何从'index.html'转到#france#argentina标签?

<a href ="country.html#france"></a>不起作用:/

感谢帮助

1 个答案:

答案 0 :(得分:1)

像这样使用

<div class="tab-content">
    <div class="tab-pane fade in active" id="argentina">
       ARGENTINA
    </div>

    <div class="tab-pane fade" id="france">
       FRANCE
    </div>

</div>

<a href="#argentina" data-toggle="tab">Argentina</a>
<a href="#france" data-toggle="tab">France</a>

工作小提琴 http://jsfiddle.net/52VtD/8902/