2013-05-02 47 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`