我有一组使用引导程序的选项卡，并且在第一项选项卡中有指向第二个选项卡的链接，该链接有效并加载了第二个选项卡的内容，但第二个选项卡未设置为活动状态，为什么会发生这种情况？
这是我的代码：
<div class="container">
<!-- Nav tabs -->
<ul class="nav nav-tabs nav-stacked col-md-2">
<li class="active"><a href="#about" data-toggle="tab">¿Qué es MeCansé?</a></li>
<li><a href="#buy" data-toggle="tab">Comprar</a></li>
<li><a href="#vipsale" data-toggle="tab">Vender VIP</a></li>
<li><a href="#devolutions" data-toggle="tab">Devoluciones</a></li>
<li><a href="#faqs" data-toggle="tab">Preguntas Frecuentes</a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content col-md-10">
<div class="tab-pane active" id="about">@Html.Partial("_AboutUs")</div>
<div class="tab-pane" id="buy">@Html.Partial("_Buy")</div>
<div class="tab-pane" id="vipsale">@Html.Partial("_VipSale")</div>
<div class="tab-pane" id="devolutions">@Html.Partial("_Devolutions")</div>
<div class="tab-pane" id="faqs">@Html.Partial("_Faq")</div>
</div>
</div>
在_Buy部分视图中，我具有以下链接：
<a href="#vipsale" data-toggle="tab">Venta Vip</a>
data-toggle在这种情况下，实际上不是这样。Bootstrap方法将链接设置为活动，而不是与内容关联的选项卡。
您需要使用JS：
<a href="#" id="vip">Venta Vip</a>
$('#vip').click(function() {
$('a[href="#vipsale"]').tab('show')
});
http://jsfiddle.net/isherwood/f34x8（最后一个标签中的链接）
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句