Bootstrap Collapse Panel с динамическим идентификатором не работает

У меня есть страница с панелями, которые сделаны динамически с PHP. По выполненному проекту сделана новая панель. Но когда я захотел открыть одну из этих панелей, открылась только первая. Поэтому я извлекаю идентификатор из базы данных и хочу использовать его в качестве идентификатора для своих панелей.

Когда я осматриваю одну из панелей, она показывает мне номер 5, который является одним из идентификаторов из базы данных.

введите описание изображения здесь

Но, к сожалению, этот способ не сработает, и я не знаю почему. Может кто-нибудь взглянуть на это и помочь мне в правильном направлении? Вот мой код:

<?php

$sql = "SELECT * FROM project";
$result = mysqli_query($db,$sql);
while($row = mysqli_fetch_array($result)){
$id = $row['id'];
$panelid = "#$id";?>
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="faqhead">
<h4 class="panel-title">
<?php
echo '<a role="button" data-toggle="collapse" data-parent="#accordion" href="'. $panelid .'" aria-expanded="false" aria-controls="collapseOne">';
echo $row['projectname'];
echo '</a>';
?>
</h4>
</div>
<?php echo '<div id="'. $panelid.'" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">'; ?>
<div class="panel-body" id="faqpanel">
<h1 class="">Taken
<small>
<a role="button" data-toggle="modal" data-target="#newtask"><span class="glyphicon glyphicon-plus project" style="color:#000;"></span></a>
</small>
</h1>
<table class="table table-hover">
<thead>
<tr>
<th style="width: 5%;"></th>
<th style="width: 5%;">Taak ID</th>
<th style="width: 10%;">Taak naam</th>
<th style="width: 20%;">Omschrijving</th>
<th style="width: 10%;">Start datum</th>
<th style="width: 10%;">Einddatum</th>
<th style="width: 30%;">Notities</th>
<th style="width: 10%">Duur</th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<?php } ?>

Обновить: Распечатать все документы's

2

Решение

не используйте только цифры для id, это не сработает. используйте некоторый текст и идентификатор concat, например, colapse_1, colapse_2

<?php

$i = 1;
while($i < 5){
$id = $i;
?>
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="faqhead">
<h4 class="panel-title">
<?php
echo '<a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse_'. $id .'" aria-expanded="false" aria-controls="collapseOne">';
echo $id;
echo '</a>';
?>
</h4>
</div>
<?php echo '<div id="collapse_'. $id.'" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">'; ?>
<div class="panel-body" id="faqpanel">
<h1 class="">Taken
<small>
<a role="button" data-toggle="modal" data-target="#newtask"><span class="glyphicon glyphicon-plus project" style="color:#000;"></span></a>
</small>
</h1>
<table class="table table-hover">
<thead>
<tr>
<th style="width: 5%;"></th>
<th style="width: 5%;">Taak ID</th>
<th style="width: 10%;">Taak naam</th>
<th style="width: 20%;">Omschrijving</th>
<th style="width: 10%;">Start datum</th>
<th style="width: 10%;">Einddatum</th>
<th style="width: 30%;">Notities</th>
<th style="width: 10%">Duur</th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>

<?php $i++; } ?>
1

Другие решения

Других решений пока нет …

По вопросам рекламы [email protected]