wordpress - 使用带有 Wordpress ACF 转发器字段的 Bootstrap Accordion
问题描述
我正在使用带有 ACF 的 Bootstrap Accordion,并且在转发器部分有一个转发器。我得到了所有数据,它按原样显示,但是当我单击标题打开正文时,类更改为“折叠显示”,手风琴打开了几分之一秒,然后立即再次关闭。有没有人有任何想法?这是代码:
<div id="accordion">
<div class="card">
<?php
if( have_rows('instructions_android')):
$i = 1;
while ( have_rows('instructions_android')) : the_row();
?>
<div class="card-header" id="heading<?php echo $i; ?>">
<h5 class="mb-0">
<button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapse<?php echo $i; ?>" aria-expanded="false" aria-controls="collapse<?php echo $i; ?>">
<span class="instr-title"><?php echo get_sub_field('etape_installation_no'); ?> : </span><span class="instr-title"><?php echo get_sub_field('titre_du_step'); ?></span>
</button>
</h5>
</div>
<div id="collapse<?php echo $i; ?>" class="collapse" aria-labelledby="heading<?php echo $i; ?>" data-parent="#accordion">
<?php
$i++;?>
<div class="card-body">
<ul>
<?php
$j = 1;
if( have_rows('descr_step')):
while ( have_rows('descr_step')) : the_row();
?>
<li><?php echo get_sub_field('description'); ?></li>
<?php
$j++;
endwhile; ?>
</ul>
<?php endif; ?>
</div><!--card body-->
</div>
</div><!--card-->
<?php endwhile;
endif;?>
</div>
解决方案
推荐阅读
- python - 替换数据框中列表的名称
- python - if/else 三元表达式中的 def
- python - 在抓取 html 表时动态跳过最后两行:BS4 Python
- prestashop - 通过在 prestashop 1.7 联系表单中添加新的自定义选项来编辑选择
- image - 无法从服务器嵌套文件夹 ampps 访问图像
- go - Go Slices 的相等性(身份)
- docker - 无法更改 InfluxDB Docker 容器的端口
- xunit - 让 JetBrains Rider 在运行 XUnit 时将配置文件复制到输出
- unicode - UTF-8编码为什么要前缀10?
- php - 使用 Bitbucket 自动部署