bootstrap标签tab切换

class="nav nav-tabs" id="myTab"> 
      
class="active">"#home">Home
 
      
"#profile">Profile
 
      
"#messages">Messages
 
      
"#settings">Settings
 
    
 
       
    
class="tab-content"> 
      
class="tab-pane active" id="home">...
 
      
class="tab-pane" id="profile">...
 
      
class="tab-pane" id="messages">...
 
      
class="tab-pane" id="settings">...
 
    
 
       
    

此外，你还可以有更多灵活的方式来激活某个特定的tab：

$('#myTab a[href="#profile"]').tab('show'); // Select tab by name 
    $('#myTab a:first').tab('show'); // Select first tab 
    $('#myTab a:last').tab('show'); // Select last tab 
    $('#myTab li:eq(2) a').tab('show');

　　以上代码需要注意的一点是，每个li中的a标签都要有个href=#id,这个id指向的正是该链接对应的content的id，如果使用javascript实现这种导航内容的切换，a标签中无须再添加data-toggle='tab'，当然，如果每个a链接都使用了此属性，那完全没有必要在用js来实现了

 

转载于:https://www.cnblogs.com/moutudou/p/8066806.html