我想使用我的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>";
我不明白。也许你可以帮助我?
答案 0 :(得分:0)
如果没有看到完整的来源很难诊断,但看看你分享的内容,可能需要将$ message-&gt; id转换为单词,例如:
href="#collapseOne"
而不是
href="#collapse1"
如果是这样,可以在此处找到执行此操作的功能: http://www.karlrixon.co.uk/writing/convert-numbers-to-words-with-php/