php - 使用 PHP / AJAX 中的 mysql 数据库中的数据填充 Bootstrap Accordion

Question

这就是我想要做的。

我有一个手风琴，我想使用 ajax 填充面板。

这是我到目前为止所拥有的：

     <div class="panel-group" id="accordion">
         <div class="panel panel-default" style="border-color: #fff!important;">  
             <?php foreach ( $arr2 as $departments ) {   ?>  
                <div class="panel-heading"   style="background-color: #6BA9CD!important;color: #fff!important;border-style: groove;border-width: 1px;border-color: #fff!important;border-radius: 8px;">
                                <h5 class="panel-title">
                                <a id="hover-tickets" data-department-id="<?php echo $departments['departmentid'];?>" data-toggle="collapse" data-parent="#accordion" href="#collapse<?php echo $departments['departmentid']?> ">
                                <?php echo $departments['name']; ?></a> <span class="total"><?php echo $departments['deptcount']; ?></span>
                                </h5>
                            </div>
                            <div id="collapse<?php echo $departments['departmentid']?>" class="panel-collapse collapse">
                                <div class="panel-body" style="border-top-color: #fff;"  id="department_<?php echo $departments['departmentid'];?>"> </div>
                            </div>
                
             <?php } ?>
        </div>
     </div>

我知道我必须输入部门 ID，但是，我创建了这个 jquery 函数，

    $('#hover-tickets').click(function() {
                
    });

它要么没有得到 id，也没有读取不同的手风琴。

如何让 jquery 函数读取 jquery 中不同的手风琴 id，以便我可以在 ajax 中传递数据？

谢谢你，凯文戴维斯

标签： phpjqueryajax

Answer 1

这是我的决心。

在提出建议之后，这就是我所做的。

而不是以下代码：

   $('#hover-tickets').click(function() {
            
   });

至：

   $("[data-department-id]").click(function() {
         id = $(this).attr('data-department-id'); 
   });