我最初的問題是我的手風琴都是同時打開的,但我知道它來自始終相同的 Id。
所以我試圖讓我的 ID 動態化,但這并沒有解決我的問題。請問你有解決辦法嗎?謝謝
這是我的代碼:
<div class="accordion mb-5" id="accordion-infos">
<f:for each="{field.container}" as="container">
<!-- foreach bouton contenu -->
<div class="card">
<div class="card-header" id="heading1-{container.buttoncontent}">
<h2>
<button class="accordion-button btn btn-link btn-block text-left"
type="button"
data-bs-toggle="collapse"
data-bs-target="#collapseOne-{container.buttoncontent}"
aria-expanded="true"
aria-controls="collapseOne-{container.buttoncontent}">
{container.buttoncontent}
</button>
</h2>
</div>
<div id="collapseOne-{container.buttoncontent}"
class="accordion-collapse collapse"
aria-labelledby="heading1-{container.buttoncontent}"
data-bs-parent="#accordion-infos">
<div class="card-body">
<div class="section-card">
<div class="row">
<div class="col-lg-6 col-md-6">
<f:format.raw>{container.content}</f:format.raw>
</div><!-- col-lg-6 col-md-6-->
</div><!-- row-->
</div><!-- section card -->
</div> <!-- card body -->
</div> <!-- collapsOne -->
</div> <!-- card -->
</f:for><!-- endfor bouton contenu-->
</div><!-- accordion mb-5 -->
uj5u.com熱心網友回復:
使用任何可編輯的文本作為帶有限制的 ID 通常是一個壞主意。對于手風琴或類似結構,您應該始終使用uidTYPO3。或者至少iterator.index是一個回圈。
由于一頁中可以有多個手風琴,因此應該將其合并。
所以你的 ID 應該由uid容器的uids 和所包含元素的s 組成。
類似的東西:id="container-{data.uid}-{element.uid}"
或
<f:for each="{field.container}" as="container" iteration="iterator">
:
<div class="card-header" id="container-{data.uid}-{iterator.index}"`>
:
<div id="collapseOne-{data.uid}-{iterator.index}" ...
:
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/379012.html
標籤:javascript php 推特引导 错别字3
