Question

我想在Bootstrap中激活第二个标签，当我在第二个class="active"上设置li时它显示为活动但显示第一个标签的内容。我使用PHP设置有效标签，包含两个变量$login_tab和$signup_tab

$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');

如何根据两个变量的值激活标签？

Answer 1

You also must add the class active to the tabpanel inside the tab-content.

<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>

在Bootstrap

1 个答案: