使用 php 切换 bootstrap 药丸
Toggle bootstrap pills with php
当使用 php 在我的 url 上设置变量时,我可以切换 bootstrap 药丸吗?
示例
if (isset($_GET['user'])){
#profile is active
}
else {
#home is active
}
当然,你只需要根据你的情况添加一个class="active"。我会这样做:
<ul class="nav nav-pills">
<?php
if (isset($_GET['user'])) {
$activeMenu = 'profile';
}
else {
$activeMenu = 'home';
}
?>
<li role="presentation" <?php echo ($activeMenu == 'home' ? 'class="active"' : ''); ?>><a href="#">Home</a></li>
<li role="presentation" <?php echo ($activeMenu == 'profile' ? 'class="active"' : ''); ?>><a href="#">Profile</a></li>
<li role="presentation"><a href="#">Messages</a></li>
</ul>
因此它将 $activeMenu 变量设置为您想要激活的菜单。然后我们在每个菜单项中检查该变量并根据其值添加 "active" class。
请注意,这不会激活其他菜单(消息),因此如果您有其他想要激活的药丸,则必须添加另一个条件(就像我一样)。
当使用 php 在我的 url 上设置变量时,我可以切换 bootstrap 药丸吗? 示例
if (isset($_GET['user'])){
#profile is active
}
else {
#home is active
}
当然,你只需要根据你的情况添加一个class="active"。我会这样做:
<ul class="nav nav-pills">
<?php
if (isset($_GET['user'])) {
$activeMenu = 'profile';
}
else {
$activeMenu = 'home';
}
?>
<li role="presentation" <?php echo ($activeMenu == 'home' ? 'class="active"' : ''); ?>><a href="#">Home</a></li>
<li role="presentation" <?php echo ($activeMenu == 'profile' ? 'class="active"' : ''); ?>><a href="#">Profile</a></li>
<li role="presentation"><a href="#">Messages</a></li>
</ul>
因此它将 $activeMenu 变量设置为您想要激活的菜单。然后我们在每个菜单项中检查该变量并根据其值添加 "active" class。
请注意,这不会激活其他菜单(消息),因此如果您有其他想要激活的药丸,则必须添加另一个条件(就像我一样)。