大佬教程收集整理的这篇文章主要介绍了如何在使用jQuery单击特定链接后打开引导导航选项卡的特定选项卡？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
从.nav-tabs应用选择器似乎可行
是
<ul class="nav nav-tabs">
<li><a href="#aaa" data-toggle="tab">AAA</a></li>
<li><a href="#bbb" data-toggle="tab">BBB</a></li>
<li><a href="#ccc" data-toggle="tab">CCC</a></li>
</ul>
<div class="tab-content" ID="tabs">
<div class="tab-pane" ID="aaa">...Content...</div>
<div class="tab-pane" ID="bbb">...Content...</div>
<div class="tab-pane" ID="ccc">...Content...</div>
</div>
是
$(document).ready(function(){
activaTab('aaa');
});
function activaTab(tab){
$('.nav-tabs a[href="#' + tab + '"]').tab('show');
};
我是jquery和bootstrap的新手，所以请考虑我的错误。我已经创建了用于登录和注册的bootstrap模式。它包含两个称为登录和注册的导航选项卡。我有两个按钮弹出相同的Modal窗口，但在Modal窗口中显示不同的选项卡。每个选项卡中都有一个带有许多输入的表单。我的问题是，当我单击“登录”按钮时，在模式中弹出“登录”选项卡时弹出模式，而当我单击页面上的“注册”按钮时，则打开注册选项卡。
这些是模态打开的2个链接：
<div class="header-login-li" style="BACkground-color:gray;float:left;width:100px;height:60px;">
<a data-toggle="modal" href="#regestration" class="header-register-a" >
<big>
<font color="white" class="header-register-font"><center style="margin-top:20px;">Login <i class="icon-chevron-down" style="font-size:20px"></i></center></font>
</big></a></div>
<div class="header-register-li" style="BACkground-color:green;float:right;margin-right:-15px;width:130px;height:60px;">
<a data-toggle="modal" href="#regestration" class="header-register-a" >
<big>
<font color="white" class="header-register-font"><center style="margin-top:20px;">Register</center></font>
</big></a>
这是我的标签及其内容的代码（我在这里避免不必要的代码）：
<div class="tabbable" >
<ul class="nav nav-tabs" ><!--tabs-->
<li class="active" style="position:absolute;margin-left:0px;" id="logintab">
<a href="#pane_login" data-toggle="tab">Login</a></li>
<li style="margin-left:70px;" id="reg_tab" ><a href="#pane_reg" data-toggle="tab">Registration</a></li>
</ul>
<div class="tab-content"><!--login tab content-->
<div id="pane_login" class="tab-pane active">
<form id="login-form" target="login-signup-iframe" method="post" action="#" name="login-form">
</form>
</div><!--/pane_login-->
<div id="pane_reg" class="tab-pane"><!--registration tab content-->
<form id="regestration-form" target="login-signup-iframe" method="post" action="#" name="regestration-form">
</form>
</div>
</div><!-- /.tab-content -->
</div><!-- /.tabbable -->
我认为可以通过jquery轻松完成。但是我不知道该怎么做。所以，请任何人可以帮助我解决我的问题。谢谢您？
以上是大佬教程为你收集整理的如何在使用jQuery单击特定链接后打开引导导航选项卡的特定选项卡？全部内容，希望文章能够帮你解决如何在使用jQuery单击特定链接后打开引导导航选项卡的特定选项卡？所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。