bootstrap 的动态手风琴

Question

我很难让这个动态手风琴正常工作。

我正在从 MySQL 数据库中获取手风琴标题，并尝试根据我的数据库中的行数创建一个动态手风琴。

截至目前，我只能在我的数据库中创建带有第一个标题的单个选项卡。

        <?php 

            foreach ($variable as $key); 

            ?>

                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h4 class="panel-title">
                            <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" style="margin-right:50%;" > <img src="image.jpeg" class="event-icon"> <?php echo $key['title']?>;</a>
                        </h4>
                    </div>
                    <div id="collapseOne" class="panel-collapse collapse">
                        <div class="panel-body">
                            <p>Event content
                            </p>
                        </div>
                    </div>
                </div>


            </div>
        </div>

我正在尝试在 foreach 循环运行时创建以下 html 结构。

                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h4 class="panel-title">
                            <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" style="margin-right:50%;" > <img src="image.jpeg" class="event-icon"> <?php echo $key['title']?>;</a>
                        </h4>
                    </div>
                    <div id="collapseOne" class="panel-collapse collapse">
                        <div class="panel-body">
                            <p>Event content
                            </p>
                        </div>
                    </div>
                </div>

非常感谢任何建议。

Answer 1

您似乎对 alternative syntax for foreach

有疑问

foreach ($variable as $key);

应该是

foreach ($variable as $key):

分号(;)应该是冒号(:)

同样以endforeach分号结尾

endforeach;

Answer 2

您必须在 foreach 循环的末尾添加，如下所示：

<?php endforeach; ?>

您还必须在 foreach header:

中更改 ; -> :

foreach ($variable as $key);

至：

foreach ($variable as $key):
                         //^See here

bootstrap 的动态手风琴

dynamic accordion with bootstrap

php

twitter-bootstrap