在PHP / AJAX中使用mysql数据库中的数据填充Bootstrap Accordion &g

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>

我知道我必须使用department id，但是，我创建了这个jquery函数

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

});

它既不获取id也不读取不同的accordion

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

谢谢你,凯文·戴维斯

Answer 1

这是我的分辨率

听取建议后，以下是我所做的。

代替以下代码:

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

});

:

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