引導標籤不切換

我將嘗試使用下面的代碼引導標籤不切換

<div class="block full"> 
    <div class="block-title"> 
     <h2>Head</small></h2> 
    </div> 
    <ul class="nav nav-tabs push" data-toggle="tabs"> 
     <li class="active"><a href="#example-tabs-home">Home</a></li> 
     <li class=""><a href="#example-tabs-profile">Profile</a></li> 
     <li class=""><a href="#example-tabs-messages" data-toggle="tooltip" title="" data-original-title="Messages"><i class="icon-envelope-alt"></i></a></li> 
     <li class=""><a href="#example-tabs-settings" data-toggle="tooltip" title="" data-original-title="Settings"><i class="icon-cogs"></i></a></li> 
    </ul> 
    <div class="tab-content"> 
     <div class="tab-pane active" id="example-tabs-home">Home..</div> 
     <div class="tab-pane" id="example-tabs-profile">Profile..</div> 
     <div class="tab-pane" id="example-tabs-messages">Messages..</div> 
     <div class="tab-pane" id="example-tabs-settings">Settings..</div> 
    </div> 
</div>

使用引導標籤，但是當我嘗試使用它。它不切換標籤，但增加標籤內容到當前一個....

注：我有jquery，引用腳本引導。

來源

2014-10-05 Daniel Eugen

我認爲主要的問題是你使用data-toggle="tooltip"，你應該一直使用data-toggle="tab"

這工作。

<div class="block full"> 
    <div class="block-title"> 
     <h2>Head</small></h2> 
    </div> 

    <ul class="nav nav-tabs push" role="tablist"> 
     <li class="active"><a href="#example-tabs-home" role="tab" data-toggle="tab">Home</a></li> 
     <li><a href="#example-tabs-profile" role="tab" data-toggle="tab">Profile</a></li> 
     <li><a href="#example-tabs-messages" role="tab" data-toggle="tab" data-original-title="Messages"><i class="glyphicon glyphicon-envelope"></i></a></li> 
     <li><a href="#example-tabs-settings" role="tab" data-toggle="tab" data-original-title="Settings"><i class="glyphicon glyphicon-cog"></i></a></li> 
    </ul> 


    <div class="tab-content"> 
     <div class="tab-pane active" id="example-tabs-home">Home</div> 
     <div class="tab-pane" id="example-tabs-profile">Profile</div> 
     <div class="tab-pane" id="example-tabs-messages">Messages</div> 
     <div class="tab-pane" id="example-tabs-settings">Settings</div> 
    </div> 

</div>

來源

2014-10-05 03:56:32 timgavin

同樣的問題occures ...我有劇烈的頭痛試圖找出問心無愧是這個.... – 2014-10-05 13:51:40

以及當我重新下載的引導文件..也許這是一個已損壞的JS和CSS引導它是固定.. – 2014-10-05 16:02:14

我用你的代碼與最新版本的bootstrap通過CDN，它沒有工作，所以我懷疑它是損壞的bootstrap或js ... – timgavin 2014-10-05 16:36:06

引導標籤不切換

回答

相關問題