Joomla 模块的引导选项卡 (modChrome)答案

【问题标题】：Bootstrap Tabs for Joomla module (modChrome)Joomla 模块的引导选项卡 (modChrome)
【发布时间】：2014-06-01 19:44:47
【问题描述】：

我想创建一个带有引导选项卡样式的模块位置。

Bootstrap 的标记应该是：

<ul class="nav nav-tabs">
  <li class="active"><a href="#">Home</a></li>
  <li><a href="#">Profile</a></li>
  <li><a href="#">Messages</a></li>
</ul>

我的 modChrome 是这样的：

<ul class="nav nav-tabs">
<?php  
    foreach($modules as $rendermodule) { 
        echo '<li><a href="#'.$rendermodule->title.'" data-toggle="tab">'.$rendermodule->title.'&nbsp;'.$modulecount.'</a></li>';
    }
    echo '</ul>';
>

我知道需要一种将 class="active" 添加到第一个 <li> 元素的方法。

【问题讨论】：

标签： twitter-bootstrap tabs joomla2.5 joomla3.0

【解决方案1】：

您可以使用 for 循环而不是 foreach：

<ul class="nav nav-tabs">
<?php
    for($i=0; $i < $modulecount; $i++) {
        $rendermodule = $modules[i]; 
        echo '<li';
        if($i==0): echo ' class="active"';
        echo '><a href="#'.$rendermodule->title.'" data-toggle="tab">'.$rendermodule->title.'&nbsp;'.$modulecount.'</a></li>';
    }
?>
</ul>

或使用在第一个循环后被清除的变量：

<ul class="nav nav-tabs">
<?php  
    $active = ' class="active"';
    foreach($modules as $rendermodule) { 
        echo '<li'.$active.'><a href="#'.$rendermodule->title.'" data-toggle="tab">'.$rendermodule->title.'&nbsp;'.$modulecount.'</a></li>';
        $active = '';
    }
?>
</ul>

【讨论】：