php - 通过使用 php 向其添加类来将选项卡设置为活动状态

Question

使用 php 设置选项卡类的好方法是什么？这里没有涉及 jQuery，只有 php。我从脚本中获取标签名称。基于$tab，我需要将<li>具有该名称的 设置为class="active"。关于我如何做到这一点的任何好主意？

$tab = 'movies';

<ul class="nav nav-tabs">
    <li>Books</li>
    <li>Music</li>
    <li class="active">Movies</li>
    <li>Others</li>
</ul>

我尝试使用 来执行此操作str_replace，但这一切都非常笨拙和丑陋。

Answer 1

我不是直接混合 HTML 和 PHP 的大支持者，但是这样的事情怎么样：

$options = array("books", "music", "movies", "other");
$tab = 'music';

echo '<ul class="nav nav-tabs">';

foreach($options as $o) {
    if($o == $tab) {
        echo '<li class="active">'.ucfirst($o).'</li>';
    } else {
        echo '<li>'.ucfirst($o).'</li>';
    }
}

echo '</ul>';

如果您在模板范围内，也可以使用 PHP 的替代语法：

<?php 
    $options = array("books", "music", "movies", "other");
    $tab = 'music';
?>
<ul class="nav nav-tabs">
<?php foreach($options as $o): ?>
    <?php if($o == $tab): ?>
        <li class="active"><?php echo ucfirst($o); ?></li>
    <?php else: ?>
        <li><?php echo ucfirst($o); ?></li>
    <?php endif; ?>
<?php endforeach; ?> 
</ul>

Answer 2

$tab = 'movies';

<ul class="nav nav-tabs">
    <li <?php if($tab === "Books") { echo class='active'; } ?>>Books</li>
    <li>Music</li>
    <li class="active">Movies</li>
    <li>Others</li>
</ul>

等等

Answer 3

你是如何生成导航的？基于数据库？在这种情况下，在从数据库中检索 laels 时，您可以比较它们。否则，从带有标签的数组生成它们，遍历标签以生成菜单：

foreach($labels as $label)
{
if($label == $tab)
{// output active}
else
{regular labels}    

Answer 4

<?php $tabs = array('Books', 'Music', 'Movies', 'Others'); ?>
<ul>
  <?php foreach ($tabs as $tabName): ?>
    <?php $class = ''; ?>
    <?php if ($tab === $tabName) $class = ' class="active"'; ?>
    <li<?php echo $class?>><?php echo $tabName?></li>
  <?php endforeach?>
</ul>