我希望能够动态地为每个div和锚标签添加一个数字。我无法理解这一点。我有几个带有动态数据的手风琴,我需要添加一个带有数字的 id,以便能够切换打开和关闭手风琴。所以我需要为每个 id 添加一个数字。问题是当我只是添加这个变量时,它会不断添加数字并且与其父级不匹配。
为了使我的手风琴工作,锚标签和div 标签需要具有相同的 id.
<?php $i = 0; ?>
<div id="accordion-<?php echo ++$i;?>" >
<a class="accordion-toggle" data-parent="#accordion-<?php echo ++$i;?>" href="#details-0-<?php echo ++$i;?>" data-toggle="collapse" >
Click me to toggle
</a>
</div>
<div class="panel-collapse collapse in" id="details-0-<?php echo ++$i;?>">
<div class="panel-body">
Data goes here
</div>
</div>
基本上:删除除一个之外的所有++
。为了简化代码,请将其添加到单独的指令中。
<?php $i = 0; ?>
<?php $i++; ?>
<div id="accordion-<?php echo $i;?>" >
<a class="accordion-toggle" data-parent="#accordion-<?php echo $i;?>" href="#details-0-<?php echo $i;?>" data-toggle="collapse" >
Click me to toggle
</a>
</div>
<div class="panel-collapse collapse in" id="details-0-<?php echo $i;?>">
<div class="panel-body">
Data goes here
</div>
</div>
您可以将代码包含在循环中并像这样删除所有++
<?php $accordionQuantity = 5; ?>
<?for($i=0;$i<$accordionQuantity;$i++):?>
<div id="accordion-<?php echo $i;?>" >
<a class="accordion-toggle" data-parent="#accordion-<?php echo $i;?>" href="#details-0-<?php echo $i;?>" data-toggle="collapse" >
Click me to toggle
</a>
</div>
<div class="panel-collapse collapse in" id="details-<?php echo $i;?>">
<div class="panel-body">
Data goes here
</div>
</div>
<?endfor;?>