在for循环中引导程序崩溃php

我想在PHP for loop中使用引导程序手风琴。但它不会崩溃。我不确定我做错了什么。在for循环中引导程序崩溃php

在这里我的代码。

<?php 
$row_count = 1; 
for ($x = 0; $x < 5; $x++) { 

    echo $row_count ; 
    ?> 


    <div class="panel-group" id="accordion"> 
    <div class="panel panel-default"> 
     <div class="panel-heading"> 
     <h4 class="panel-title"> 
      <a data-toggle="collapse" data-parent="#accordion" href="#collapse1<?php echo $row_count; ?>">Collapsible Group 1</a> 
     </h4> 
     </div> 
     <div id="collapse1<?php echo $row_count ?>" class="panel-collapse collapse "> 
     <div class="panel-body">Lorem.</div> 
     </div> 
    </div> 
    </div> 


    <?php 
$row_count ++; 
} 

?>

来源

2017-07-14 Muhammed Ikram

不应面板组是'循环outside' - 而且只是有一次？ – Jeff

好喊。我不确定它是否需要在循环内部或外部。我想要的是每当它循环时另一个手风琴的崩溃。 –

如下重写代码： -

<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true"> 
<?php 
$row_count = 1; 
for ($x = 0; $x < 5; $x++) { ?> 

    <div class="panel panel-default" > 
     <div class="panel-heading" role="tab" id="heading<?php echo $row_count ?>"> 
     <h4 class="panel-title"> 
      <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse<?php echo $row_count; ?>" aria-expanded="false"">Collapsible Group <?php echo $row_count?></a> 
     </h4> 
     </div> 
     <div id="collapse<?php echo $row_count; ?>" class="panel-collapse collapse " role="tabpanel" aria-labelledby="heading<?php echo $row_count; ?>"> 
     <div class="panel-body">Lorem.</div> 
     </div> 
    </div> 

<?php $row_count++; } ?> 
</div>

来源

2017-07-14 10:12:46

这没有奏效。每次我点击新的崩溃前一个不关闭。 –

请立即检查。只需将您的循环之外的父div。 –

谢谢大家的工作。 –

只是试试这个

<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true"> 
<?php 
$row_count = 1; 
for ($x = 0; $x < 5; $x++) { 
    ?> 
    <div class="panel panel-default"> 
    <div class="panel-heading" role="tab" id="headingOne<?=$row_count?>"> 
     <h4 class="panel-title"> 
     <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne<?=$row_count?>" aria-expanded="false" aria-controls="collapseOne<?=$row_count?>"> 
      Collapsible Group Item #1 
     </a> 
     </h4> 
    </div> 
    <div id="collapseOne<?=$row_count?>" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne<?=$row_count?>"> 
     <div class="panel-body"> 
     Lorem 
     </div> 
    </div> 
    </div> 
    <?php 
$row_count ++; 
} 
?> 
</div>

来源

2017-07-14 10:12:57

这项工作，但在页面加载，所有部分已崩溃。我希望所有这些都默认隐藏。 –

只是更新答案。只需将“panel-collapse collapse in”替换为“panel-collapse collapse”即可。 –

在for循环中引导程序崩溃php

回答

相关问题