Bootstrap数据切换不适用于使用“;而“;


Bootstrap Data-toggle not working on PHP using a "while "

我的"Bootstrap Collapse"有问题。我的查询只显示我所有行中的第一个$ID_Producto。

<?php
        $Consulta_Productos = $Conexion ->query( "SELECT * FROM productos ORDER BY Producto_Categoria");
        while($Fila_Productos = $Consulta_Productos->fetch_assoc())
        {
            $ID_Producto = $Fila_Productos['ID_Producto'];
        ?>
            <span data-toggle="collapse" data-target="#demo">Show ID <?php echo $ID_Producto ?></span>
            <div id="demo" class="collapse">
                <?php echo $ID_Producto; ?>
            </div>
            <br>
        <?php
        }
        ?>

所有产品的data-target="#demo" and id="demo"都是相同的。

试试这个

<?php
        $Consulta_Productos = $Conexion ->query( "SELECT * FROM productos ORDER BY Producto_Categoria");
        while($Fila_Productos = $Consulta_Productos->fetch_assoc())
        {
            $ID_Producto = $Fila_Productos['ID_Producto'];
        ?>
            <span data-toggle="collapse" data-target="#demo<?php echo $ID_Producto; ?>">Show ID <?php echo $ID_Producto ?></span>
            <div id="demo<?php echo $ID_Producto; ?>" class="collapse">
                <?php echo $ID_Producto; ?>
            </div>
            <br>
        <?php
        }
        ?>