Twitter頁面標籤Bootstrap：不隱藏標籤內容

我試圖讓頁面選項卡式的內容上的推文工作。我有選項卡上的活動類切換標籤工作。我已經包含jquery和bootstrap-tabs.js，但下面的代碼似乎無法讓標籤內容隱藏/顯示，因爲它們應該。任何幫助可能是一個簡單的修復，將不勝感激。Twitter頁面標籤Bootstrap：不隱藏標籤內容

<div class="span8"> 
     <ul class="tabs" data-tabs="tabs"> 
      <li class="active"><a href="#2009">2009</a></li> 
      <li><a href="#2010">2010</a></li> 
      <li><a href="#2011">2011</a></li> 
     </ul> 
     <div class="pill-content"> 
      <div class="active" id="2009"> 
       2009 copy 
      </div> 
      <div id="2010"> 
       2010 copy 
      </div> 
      <div id="2011"> 
       2011 copy 
      </div> 

     </div> 
     <script> 
     $(function() { 
      $('.tabs').tabs() 
     }) 
     </script> 
    </div><!-- end span 8 -->

來源

2011-09-30 BryanB

您可以發佈您的CSS接頭元件（或者標籤窗格）？如果這些類正在成功添加，那麼您的錯誤可能出現在您的CSS中。 – Wex

啊你是對的。我想出了我需要設置一個類到禁止顯示內容的div，然後當javascript將類切換到活動狀態時，在css中顯示代碼塊。我認爲這件事已經到位了，但我現在就開始工作了。 – BryanB

自舉的例子是不完整的 - 你需要類=「丸窗格」上的ID

<div class="span8"> 
    <ul class="tabs" data-tabs="tabs"> 
     <li class="active"><a href="#2009">2009</a></li> 
     <li><a href="#2010">2010</a></li> 
     <li><a href="#2011">2011</a></li> 
    </ul> 
    <div class="pill-content"> 
     <div class="active pill-pane" id="2009"> 
      2009 copy 
     </div> 
     <div class="pill-pane" id="2010"> 
      2010 copy 
     </div> 
     <div class="pill-pane" id="2011"> 
      2011 copy 
     </div> 

    </div> 
    <script> 
    $(function() { 
     $('.tabs').tabs() 
    }) 
    </script> 
</div><!-- end span 8 -->

來源

2011-12-06 22:17:39 mcintyre321

在我的情況下，我錯過了父元素上的class =「tab-content」。 –

class =「tab-content」是問題:-) – chhameed

如果您將內容類設置爲class =「tab-content」，那麼我認爲display：none會正常工作，不需要內聯樣式。

來源

2011-10-11 01:04:54 malpaso

Twitter頁面標籤Bootstrap：不隱藏標籤內容

回答

相關問題