0
使用最新版本的Bootstrap,我正在尋找一些標籤幫助。這是我正在做的...擴展引導標籤
我有一個鏈接位於我的網站的標題。點擊後,查看器將被帶到位於內容區域底部的規則選項卡。應選擇規則選項卡並準備好。
HTML:
<div id="header">
<a href="" title="Rules">Click to read the rules</a>
</div> <!-- end header -->
<div id="content">
<ul class="nav nav-tabs" id="myTab">
<li class="active"><a href="#home">Home</a></li>
<li><a href="#profile">Profile</a></li>
<li><a href="#rules">Rules</a></li>
<li><a href="#settings">Settings</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="home">...</div>
<div class="tab-pane" id="profile">...</div>
<div class="tab-pane" id="rules">...</div>
<div class="tab-pane" id="settings">...</div>
</div>
</div> <!-- end content -->
JS:
$('#myTab a').click(function (e) {
e.preventDefault();
$(this).tab('show');
})
謝謝@Dmonix。正是我在找什麼。 – jfrosty 2013-04-08 19:47:08
我想知道,如果我這樣做超過1個選項卡...有沒有一種方法可以結合點擊功能代碼,或者我必須爲每個選項卡寫出一個? – jfrosty 2013-04-18 19:21:37