Bootstrap 4 尽管标记有效,引导4折叠手风琴仍无法工作
我的手风琴曾与Bootstrap4的早期版本配合使用。 在测试我的网站时,我发现尽管有一个有效的HTML标记,我所有的手风琴都坏了。 请看这里: 经过3天的错误修复,我对此感到绝望, 非常感谢你的帮助 这是我的手风琴标记Bootstrap 4 尽管标记有效,引导4折叠手风琴仍无法工作,bootstrap-4,bootstrap-accordion,Bootstrap 4,Bootstrap Accordion,我的手风琴曾与Bootstrap4的早期版本配合使用。 在测试我的网站时,我发现尽管有一个有效的HTML标记,我所有的手风琴都坏了。 请看这里: 经过3天的错误修复,我对此感到绝望, 非常感谢你的帮助 这是我的手风琴标记 <div id="accordion-vueliste"> <!--accordion--> <article class="card card-body py-1 mb-2"> <h3 class="collapsed" da
<div id="accordion-vueliste">
<!--accordion-->
<article class="card card-body py-1 mb-2">
<h3 class="collapsed" data-toggle="collapse" data-target="#32" aria-expanded="false">1 - L’impuissance, c’est
l’incapacité à maintenir une érection suffisante pour permettre une activité sexuelle satisfaisante ?</h3>
<div id="32" class="collapse" data-parent="#accordion-vueliste">
<p class="text-center lead font-weight-bold text-success ">Vrai <i class="fa fa-check fa-2x"></i></p>
<p class="text-block">Le terme d’impuissance a été remplacé par celui de dysfonction érectile. Sa
définition
incomplète est dans l’intitulé de la question.<br>
On la précise en ajoutant le caractère persistant des troubles : ils persistent depuis au moins 3 mois.<br>
Des traitements efficaces peuvent être proposés dans le cadre d’un suivi avec votre médecin traitant.</p>
<hr>
<ul class="list-unstyled text-center liste-sources">
<li class="text-sexualite">Dernière modification le 30/05/2016</li>
<li><a href="http://www.aihus.fr/prod/data/aihus/vie/recommandationsauxmedecins2010.pdf" target="_blank"
rel="nofollow">Cuzin
B, Cour F, Bousquet P-J, Bondil P, Bonierbale M, Chevret-Measson M, et al. Recommandations aux
médecins
généralistes pour la prise en charge de première intention de la dysfonction érectile
(réactualisation 2010).
Sexologies. janv 2011;20(1):66-79.</a></li>
<li><a href="http://www.ncbi.nlm.nih.gov/pubmed/?term=The+National+Institutes+of+Health+Consensus+Development+Conference+on+Impotence+was+convened+to+address"
target="_blank" rel="nofollow">NIH Consensus Conference. Impotence. NIH Consensus Development
Panel on
Impotence. JAMA. 7 juill 1993;270(1):83-90.</a></li>
</ul>
</div>
</article>
以及我使用的脚本:
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.bundle.min.js"></script>
这实际上是一个很好的方法,有时可能很难弄清楚!它不起作用的原因是您的整数ID无效 从HTML 4开始: 在HTML元素上指定时,id属性值必须在元素树中的所有id中唯一,并且必须至少包含一个字符。该值不能包含任何空格字符() 因此,修复方法是将字符添加到可折叠容器ID属性中
。。。
1-我的无耻,我的无能足以维持我的正常生活
你想让你的活动更令人满意吗?
...
演示:如果你能粘贴代码,那会更有帮助。你太棒了!真是个棘手的问题。奇怪的是W3C验证器没有检测到我的错误ID。