Jquery 从多个位置调用引导选项卡

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>

我试图在页面顶部添加链接,以访问数据选项卡,此外,还可以在Twitter引导示例的普通选项卡部分使用这些链接

通过引导,我有以下基本选项卡:

<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 &mdash; </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>