Jquery 从多个位置调用引导选项卡
我试图在页面顶部添加链接,以访问数据选项卡,此外,还可以在Twitter引导示例的普通选项卡部分使用这些链接 通过引导,我有以下基本选项卡:Jquery 从多个位置调用引导选项卡,jquery,twitter-bootstrap,Jquery,Twitter Bootstrap,我试图在页面顶部添加链接,以访问数据选项卡,此外,还可以在Twitter引导示例的普通选项卡部分使用这些链接 通过引导,我有以下基本选项卡: <ul class="nav nav-tabs"> <li><a href="#news" data-toggle="tab" class=""><span class="glyphicon glyphicon-comment"></span> Latest News</a>
<ul class="nav nav-tabs">
<li><a href="#news" data-toggle="tab" class=""><span class="glyphicon glyphicon-comment"></span> Latest News</a>
</li>
<li><a href="#people" data-toggle="tab" class=""><span class="glyphicon glyphicon-user"></span> The People</a>
</li>
<li><a href="#agenda" data-toggle="tab" class=""><span class="glyphicon glyphicon-calendar"></span> Agenda</a>
</li>
<li><a href="#messages" data-toggle="tab" class=""><span class="glyphicon glyphicon-plane"></span> Accommodations</a>
</li>
<li><a href="#faq" data-toggle="tab" class=""><span class="glyphicon glyphicon-comment"></span> FAQ</a>
</li>
</ul>
<!-- End tabs -->
-
-
-
-
-
此处的内容示例:
<div class="tab-content">
<div class="tab-pane active" id="news">
<div class="span5">
<ul class="green-checks">
<li>
<div class="panel panel-info">Information coming soon!</div>
</li>
<!--<li><cite>May 24, 2013 — </cite>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>-->
</ul>
</div>
-
信息马上就来!
我试图做的是通过标题导航以及从选项卡部分本身调用选项卡。像这样复制代码不起作用:
<li class="menu-item"><a href="#people" data-toggle="tab" class="">The People</a></li>
编辑-更新为在单击后包括滚动到选项卡
通过
单击()
模拟选项卡开关:
功能选项卡单击(选项卡){
$('a[href='+tab+']')。单击();
$(tab).animate({scrollTop:0},'fast');
}
。。。
谢谢您的帮助。这确实改变了账单。现在我只需要添加代码,让页面跳转到选项卡所在的位置。谢谢。非常感谢,一切就绪。再次感谢。
<li class="menu-item">
<a href="#" onclick="tabClick('#people');return false;" data-toggle="tab" class="">The people</a>
</li>