我的手风琴曾经与Bootstrap 4的早期版本一起使用。测试我的站点我发现我的所有手风琴都损坏了,尽管有一个有效的HTML标记。 在这里查看: www.diabeclic/education/sexualite
my accordion used to work with earlier versions of Bootstrap 4. Testing my site I observed that all my accordions are broken DESPITE a valid HTML markup. See it here : www.diabeclic/education/sexualite
经过3天的错误修正,我感到非常绝望,非常感谢您的帮助。
I am desperate at this after 3 days of trying to bugfix, thanks a lot for your help.
这是我的手风琴标记。
<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="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="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="code.jquery/jquery-3.3.1.min.js"></script> <script src="stackpath.bootstrapcdn/bootstrap/4.1.3/js/bootstrap.bundle.min.js"></script>推荐答案
这实际上是一个很好的方法,有时可能会很棘手弄清楚!之所以不起作用,是因为您的整数ID无效!
This is actually a good one and could be tricky sometimes to figure out! The reason why it's not working is because your integer IDs are not valid!
从HTML 4开始:
在HTML元素上指定时,id属性值在元素树中的所有ID中必须是唯一的,并且必须至少包含一个字符。该值不得包含任何空格字符( https:/ /www.w3/TR/html5/dom.html#element-attrdef-global-id )
因此解决方法是向可折叠容器ID属性中添加字符!
So the fix is to add characters to your collapsible container ID attributes!
... <h3 class="collapsed" data-toggle="collapse" data-target="#test-32" aria-expanded="false"> 1 - L’impuissance, c’est l’incapacité à maintenir une érection suffisante pour permettre une activité sexuelle satisfaisante ? </h3> <div id="test-32" class="collapse show" data-parent="#accordion-vueliste"> ...演示: > jsfiddle/davidliang2008/xgLv5csa/
更多推荐
尽管有效标记,Bootstrap 4折叠手风琴仍无法正常工作
发布评论