Bootstrap藥丸不能按預期工作

Question

我先道歉，如果我做了一些愚蠢的事情，我還在學習。

因此，使用AngularJS，在我的觀點一個我用的藥丸（而不是作爲一個NAV）

有3粒，其中2似乎顯示正確的事情，但活躍藥片顯示所有3事情在一起，我需要修復。我環顧四周，引導了網站。我改變了所有的藥片位標籤，例如「tab-pane」，我也嘗試將href部分改爲數據目標，但無濟於事。任何人都可以指出我正確的方向嗎？繼承人的觀點HTML。 （我目前使用圖像傳送帶，並最終使用音頻和視頻播放列表，但現在我只是在音頻和視頻部分中寫了純文本，以查看它們到底在哪裏。我還使用了指令來保持它的清潔。正常工作。）

<div class="tab-content"> 

    <!-- Album Pill --> 

    <div id="albums" class="tab-pane fade in active"> 

    <image-carousel> </image-carousel> 

    </div> 

    <!-- Audio Pill --> 

    <div id="audio" class="tab-pane fade in active"> 

    <audio-player> </audio-player> 

    </div> 

    <!-- Video Pill --> 

    <div id="video" class="tab-pane fade in active"> 

    <video-player> </video-player> 

    </div> 


</div> 

<!-- Tab List --> 

<div class="container"> 
    <ul class="nav nav-pills nav-justified"> 
    <li class="active"><a data-toggle="pill" href="#albums">ALBUMS</a></li> 
    <li><a data-toggle="pill" href="#audio">AUDIO</a></li> 
    <li><a data-toggle="pill" href="#video">VIDEO</a></li> 
    </ul> 
</div> 

下面是主動專輯丸結束了像

我是否需要使用一些jQuery的排序呢？我讀過的藥不能嵌套，但我認爲這意味着藥片內的藥丸，因爲我以前曾經看到有人在這種情況下使用藥丸。

任何幫助將不勝感激！

Answer 1

這可能是因爲您已將每個tab-pane設置爲active。你有沒有試過這個：

<div id="albums" class="tab-pane fade in active"> 

    <image-carousel> </image-carousel> 

</div> 

<!-- Audio Pill --> 

<div id="audio" class="tab-pane fade"> 

    <audio-player> </audio-player> 

</div> 

<!-- Video Pill --> 

<div id="video" class="tab-pane fade"> 

    <video-player> </video-player> 

</div>