WP ACF循环中的Bootstrap手风琴只打开/关闭第一个面板
问题描述:
由于标题暗示此代码显示了我添加到循环/手风琴中的所有问题,但无论哪一个我点击它只会打开和关闭第一个和我不能说出原因。WP ACF循环中的Bootstrap手风琴只打开/关闭第一个面板
<div class="container">
<div class="row">
<div id="accordion" role="tablist" aria-multiselectable="false" class="py-4">
<?php
$counter = 0;
$loop = get_field('questions');
foreach($loop as $row) : ?>
<div class="card card-no-border card-no-shadow">
<div class="card-header" role="tab" id="heading<?php echo $counter++ ?>">
<h5 class="mb-0">
<a class="body2 uppercase bold" data-toggle="collapse" data-parent="#accordion"
href="#collapse<?php the_ID(); ?>"
aria-expanded="<?php echo $first; ?>" aria-controls="collapse<?php the_ID(); ?>">
<i class="fa fa-chevron-right" aria-hidden="true"></i>
<span style='padding-right: 20px;'></span>
<?php echo $row['question_title']?>
</a>
</h5>
</div>
<div id="collapse<?php the_ID(); ?>" class="collapse<?php if ($first) {
echo "show";
} ?>" role="tabpanel"
aria-labelledby="heading<?php the_ID(); ?>">
<div class="card-block body2">
<?php echo $row['answer'] ?>
</div>
</div>
</div>
<?php endforeach; ?>
</div>
</div>
</div>
答
我会说你需要看看你的身份证的
href="#collapse<?php the_ID(); ?>"
id="collapse<?php the_ID(); ?>"
the_id功能输出的当前页ID不是每个环路/问题的ID
你可以使用你的柜台,而不是
id="collapse<?php echo $counter; ?>"
就是这样。我的大脑很糟糕,并没有看到明显的。我**高度赞赏它。 –