2013-05-02 49 views
0

我在引导模式中使用选项卡,选项卡显示的很好,但问题是,当我点击'Section 2'选项卡时,它立即切换回'Section 1'选项卡。下面是代码。任何人都可以帮助我使用JavaScript来强制执行此操作,或者可能是什么问题?我已经搜索没有成功!自举模式自动开关中的选项卡

<div class="tabbable"> 
    <ul class="nav nav-tabs"> 
     <li class="active"><a href="#tab1" data-toggle="tab">Section 1</a></li> 
     <li><a href="#tab2" data-toggle="tab">Section 2</a></li> 
    </ul> 

    <div class="tab-content"> 
     <div class="tab-pane active" id="tab1"> 
      <p>I'm in Section 1.</p> 
     </div> 

     <div class="tab-pane" id="tab2"> 
      <p>Howdy, I'm in Section 2.</p> 
     </div> 
    </div> 
</div> 
+0

也许它因为'active'字 – 2013-05-02 08:30:18

+0

PawCabelin的,我怎么能解决编程方式使用jquery.am不是专家在此您的帮助非常感谢。 – vbruce 2013-05-02 08:38:17

+1

我创建了一个小提琴,它似乎工作正常http://jsfiddle.net/chrismoutray/KBRJy/ – 2013-05-02 08:40:28

回答

0

Bootstrap help documentation on tabs有包括bootstrap-tab.js需求并没有这个页面将回发/无法正常工作。

需要jQuery插件

所有tabbable标签是由我们的轻量级的jQuery插件供电。详细了解如何在JavaScript文档页面上展示可生成标签的标签。

还看到这里>http://twitter.github.io/bootstrap/javascript.html#tabs

因此,有一对夫妇的方式来获得这个

  1. 定制您的下载http://twitter.github.io/bootstrap/customize.html(见第2节时包含Togglable标签插件 - 选择jQuery插件)

  2. 下载完整软件包或链接到CDN,例如http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/bootstrap.min.js

我想测试你也可以在这里连结

`http://twitter.github.io/bootstrap/assets/js/bootstrap.js`