在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

回答

相關問題