Question

我写了一个使用Bootstrap Accordion的php脚本。 我的问题如下： - 数据在手风琴中正确显示所有记录，但是当我点击相应的手风琴时......除了显示的第一个记录的手风琴之外，其中没有一个弹出打开，即只有第一个手风琴完全正常但是剩下的记录，手风琴显示正确的数据，但根本不会弹出。如果有人可以，请帮助这是我写的代码

            <div class="row">
                <?php while ($row = mysql_fetch_assoc($sql_result)) { ?>
                    <div class="col-sm-6">
                        <div class="card" style="width: 25rem;">
                            <h3 class="card-header card-warning text-center"><?php echo $row['dlocation'] ?></h3>
                            <img class="card-img-top img-fluid" src="<?php echo $row['dimage'] ?>" alt="Card image cap">

                            <!--ACCORDION START-->
                                <div id="accordion" role="tablist" aria-multiselectable="true">
                                  <div class="card">
                                    <div class="card-header" role="tab" id="headingOne">
                                      <h5 class="mb-0">
                                        <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                          Image Description
                                        </a>
                                      </h5>
                                    </div>

                                    <div id="collapseOne" class="collapse show" role="tabpanel" aria-labelledby="headingOne">
                                      <div class="card-block">
                                        <?php echo $row['dimagedescription'] ?>
                                      </div>
                                    </div>
                                  </div>
                                  <div class="card">
                                    <div class="card-header" role="tab" id="headingTwo">
                                      <h5 class="mb-0">
                                        <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                          Software Used
                                        </a>
                                      </h5>
                                    </div>
                                    <div id="collapseTwo" class="collapse" role="tabpanel" aria-labelledby="headingTwo">
                                      <div class="card-block">
                                        <p class="card-text"><?php echo $row['dsoftwareused'] ?></p>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                                <!--ACCORDION END-->


                            <div class="card-block ">                   
                                <div class="alert alert-danger" role="alert">
                                    <p class="card-text"><?php echo $row['dimagedescription'] ?></p>
                                    <p class="card-text"><?php echo $row['dsoftwareused'] ?></p>
                                </div>
                                <h4><span class="badge badge-default">Designer Information</span></h4>
                                <h5 class="card-title"><?php echo $row['dname'] ?></h5>
                                <h6 class="card-subtitle mb-2 text-muted"><?php echo ($row['dcity'])?></h6>
                                <h6 class="card-subtitle mb-2 text-muted"><?php echo ($row['dmobile'])?></h6>
                                <h6 class="card-subtitle mb-2 text-muted"><a href="<?php echo ($row['dwebsite'])?>"><?php echo ($row['dwebsite'])?></a></h6>
                                <h6 class="card-subtitle mb-2 text-muted"><a href="mailto:<?php echo ($row['demail'])?>" target="_top"><?php echo ($row['demail'])?></a></h6>
                            </div>
                            <div class="card-footer">
                                <small class="text-muted">Design ID:- <?php echo stripcslashes($row['did']) ?> Submitted on :-<?php echo stripcslashes($row['dsubmissiondate']) ?></small>
                                <br>
                            </div>
                        </div>
                    </div>
                <?php } ?>
            </div>

Answer 1

通过为生成的PHP数组中的每条记录分配唯一的Accordion ID，解决了我的问题。谢谢。

Bootstrap Accordion与PHP脚本无法正常工作

1 个答案: