如果我使用foreach,Joomla Accordion总是没有崩溃

时间:2014-07-18 10:56:50

标签: php jquery html twitter-bootstrap joomla

我想使用我的joomla-component为我从数据库中获取的每个数据集显示可折叠手风琴的元素。

嗯,使用静态数据一切都很好。

我的代码:

<div class="accordion" id="accordion2">
    <div class="accordion-group">

        <div class="accordion-heading">

            <a class="accordion-toggle" data-toggle="collapse" href="#collapseOne">
                <span class="label label-info">test</span>      
            </a>
        </div>
        <div id="collapseOne" class="accordion-body collapse in">
            <div class="accordion-inner">
                Anim pariatur cliche...
            </div>
        </div>
    </div>
    <div class="accordion-group">
        <div class="accordion-heading">
            <a class="accordion-toggle" data-toggle="collapse"  href="#collapseTwo">
                <span class="label label-success">test</span>      
            </a>
        </div>
        <div id="collapseTwo" class="accordion-body collapse">
            <div class="accordion-inner">
                Anim pariatur cliche...         Anim pariatur cliche...
            </div>
        </div>
    </div>
    <div class="accordion-group">
        <div class="accordion-heading">
            <a class="accordion-toggle" data-toggle="collapse"  href="#collapseThree">
                <span class="label label-success">Collapsible Group Item #3</span>      
            </a>
        </div>
        <div id="collapseThree" class="accordion-body collapse">
            <div class="accordion-inner">
                <div class="well"> Test</div>
            </div>
        </div>
    </div>  
</div>          

这里一切都很好。如果我加载页面,则会打开第一个条目 - 所有其他条目都已关闭,可以通过单击href打开,请参阅http://d.pr/i/wyd

好吧,如果我尝试使用我的数据库来构建这个手风琴,手风琴可以工作,但默认情况下会打开所有条目。

代码:

echo "<div class='accordion' id='accordion2'>";
foreach($this->item->messages as $message) :
?>
<div class="accordion-group">
    <div class="accordion-heading">
        <a class="accordion-toggle" data-toggle="collapse" href="#collapse<?php echo $message->id; ?>">
        <span class="label label-info">Test-Heading</span>      
        </a>
    </div>
    <div id="collapse<?php echo $message->id; ?>" class="accordion-body collapse in">
        <div class="accordion-inner">
            Anim pariatur cliche...
        </div>
    </div>
</div>                  
<?php
endforeach;
echo "</div>";

请参阅:http://d.pr/i/AeXK

我不明白。也许你可以帮助我?

1 个答案:

答案 0 :(得分:0)

如果没有看到完整的来源很难诊断,但看看你分享的内容,可能需要将$ message-&gt; id转换为单词,例如:

href="#collapseOne"

而不是

href="#collapse1"

如果是这样,可以在此处找到执行此操作的功能: http://www.karlrixon.co.uk/writing/convert-numbers-to-words-with-php/