Question

使用php和mysql以及bootstrap。 php和mysql工作正常，但对于bootstrap，如果我实际上是从

调用值

 while ($row = mysqli_fetch_array($result, MYSQL_ASSOC)){

我获取给定div中的所有行但是如果我想使用bootstrap collapse

<button data-toggle="collapse" data-target="#demo">More info</button>
<div id="demo" class="collapse">
    <div id="chart_div" style="width: 100%; height: 300px;"></div>
</div>

由于div的id将相同，如果超过1行，则只会崩溃1。即使我使用模态，当点击按钮显示模态时，只显示第一个值

<?php
while ($row = mysqli_fetch_array($result, MYSQL_ASSOC)){?>

<div class="w3-container w3-card-2 w3-white w3-margin-bottom">
          <div class="w3-container">
          some stuff`
          <button data-toggle="collapse" data-target="#demo">More info</button>
         <div id="demo" class="collapse">`
             <div id="chart_div" style="width: 100%; height: 300px;"></div>
         </div>
        </div>
        </div>
<?php }?>

问题在于按钮谢谢

Answer 1

如果每行需要唯一ID，则可以执行此操作，例如：

<?php
$i = 0;
while ($row = mysqli_fetch_array($result, MYSQL_ASSOC)){
    $current_id = 'id-' . $i;
    $i++;?>

<div class="w3-container w3-card-2 w3-white w3-margin-bottom">
    <div class="w3-container">
    some stuff
    <button data-toggle="collapse" data-target="#<?=$current_id?>">More info</button>
    <div id="<?=$current_id?>" class="collapse">
        <div id="chart_div" style="width: 100%; height: 300px;"></div>
    </div>
    </div>
</div>
<?php }?>

在这种情况下，您将为您的输出的每个项目分配唯一的ID id-0，id-1，id-2等。

Answer 2

将数据添加到数据目标按钮属性， id 折叠div属性以区分每个属性。

seems

Image::make($request->file('image'))->resize(462, 462)->save('upload_path/filename.jpg'));

Bootstrap崩溃和id

2 个答案: