切換按鈕，兩個標籤

Question

我使用自舉之間切換顯示2個選項卡，像這樣：

<ul class="nav nav-tabs" role="tablist"> 
<li role="presentation" class="active"><a href="#home" role="tab" data-toggle="tab">CLient</a></li> 
<li role="presentation"><a href="#profile" role="tab" data-toggle="tab">Pro</a></li> 
</ul> 

<div class="tab-content" style="width:100%;"> 
<div role="tabpanel" class="tab-pane fade in active" id="home">Client Dashboard</div> 
<div role="tabpanel" class="tab-pane fade" id="profile">Pro Dashboard</div> 
</div> 

代替NAV-突片的，我想切換按鈕像這樣的在它們之間進行切換： http://abpetkov.github.io/switchery/

我該怎麼做？

Answer 1

你可以動態地選擇你想用引導jQuery插件激活的選項卡。因此，向交換機切換按鈕添加點擊處理程序，並根據切換按鈕的狀態選擇標籤。

http://getbootstrap.com/javascript/#tabs