Make選項卡在Bootstrap中激活

我想在Bootstrap中激活第二個選項卡，當我在class="active"上設置第二個li時，它顯示活動但顯示第一個選項卡的內容。我使用PHP設置活動選項卡中，有兩個變量$login_tab和$signup_tabMake選項卡在Bootstrap中激活

$login_tab = 'class="active"'; 
$signup_tab = ''; 
if (isset($_GET['joined']) && $_GET['joined'] === 'true'){ 
$login_tab = ''; 
$signup_tab = 'class="active"'; 
}

和我的名單

<li role="presentation" <?php echo $login_tab; ?>><a href="#user-sign-in" aria-controls="home" role="tab" data-toggle="tab">Login</a></li> 
<li role="presentation" <?php echo $signup_tab; ?>><a href="#user-sign-up" aria-controls="profile" role="tab" data-toggle="tab">Sign-up</a></li>

我試圖與jQuery，仍然不起作用。

$('#sign-up-tabs li.active').tab('show');

如何根據兩個變量的值使選項卡激活？

來源

2015-09-14 Turn The Tables

你可以做一個console.log：$（'＃sign-up-tabs li.active'）？你真的有一個＃註冊標籤節點上面你的李（我認爲，但以防萬一） –

是的，我做了，我已經使用'散列'來焊接它。 –

您還必須將活動類添加到選項卡內容中的tabpanel。

<div class="tab-content"> 
    <div role="tabpanel" class="tab-pane active" id="user-sign-in">...</div> 
    <div role="tabpanel" class="tab-pane" id="user-sign-up">...</div> 
</div>

來源

2015-09-14 16:02:27 Castillo

Make選項卡在Bootstrap中激活

回答

相關問題