bootstrap選項卡正在工作但數據未顯示？

我目前正在與引導工作，我想添加一個Twitter的引導標籤，我已經加入jQuery和引導，tabs.jsbootstrap選項卡正在工作但數據未顯示？

我已經添加下面的腳本：

<script> 
    $('#myTab a').click(function (e) { 
    e.preventDefault(); 
    $(this).tab('show'); 
    }); 
</script>

，我使用下面的代碼添加標籤：

<div class="span12" id="stafftabs" style="margin-bottom: 20px;display:none;"> 
<ul id="myTab" class="nav nav-tabs"> 
    <li class="active"> 
    <a href="#home" data-toggle="tab">Home</a> 
    </li> 
    <li> 
    <a href="#profile" data-toggle="tab">Profile</a> 
    </li> 
    <li class="dropdown"> 
    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a> 
    <ul class="dropdown-menu"> 
    <li> 
    <a href="#dropdown1" data-toggle="tab">@fat</a> 
    </li> 
    <li> 
    <a href="#dropdown2" data-toggle="tab">@mdo</a> 
    </li> 
    </ul> 
    </li> 
</ul> 
<div id="myTabContent" class="tab-content"> 
    <div class="tab-pane fade in active" id="home"> 
    <p>Raw</p> 
    </div> 
    <div class="tab-pane fade" id="profile"> 
    <p>Food</p> 
    </div> 
    <div class="tab-pane fade" id="dropdown1"> 
    <p>Etsy</p> 
    </div> 
    <div class="tab-pane fade" id="dropdown2"> 
    <p>Trust</p> 
    </div> 
</div> 
</div> 
</div>

我得到的選項卡工作正常，但沒有數據在標籤被顯示，

請幫我們從這個問題出去？

來源

2013-05-14 Rohitashv Singhal

u有一個額外的結束div在您的標記 – Subash 2013-05-14 07:38:08

是不是因爲它的'顯示：無;'你的父母DIV？如果沒有，你可以重新使用jsfiddle嗎？ – Morpheus 2013-05-14 07:38:17

嘿，一切都很好，當我在jsfiddle中看到它時，但我使用Supr bootstrap主題，可能有一些衝突在那裏，我無法解決:( – 2013-05-14 07:47:27

這裏你有一個jsFiddle工作不使用JS。易於編碼，更簡單，更快速。

你只需要使用class="tabbable"

來源

2013-05-14 10:32:36 equisde

bootstrap選項卡正在工作但數據未顯示？

回答

相關問題