[英]Button class toggle Issue with Bootstrap Accordion & Silverstripe
我正在將Bootstrap的手風琴用於一個基於Silverstripe的項目。 標記模仿的Bootstrap文檔如下,區別如下: aria-expanded="false"
和panel-collapsed
沒有類in
因為我希望默認關閉所有項目。
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="heading1">
<h4 class="panel-title">
<a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse1" aria-expanded="false" aria-controls="collapse1">
Panel title
</a>
</h4>
</div>
<div id="collapse1" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading1">
<div class="panel-body">
Lorem ipsum
</div>
</div>
</div>
</div>
它按預期加載,所有項目均已關閉。 單擊面板標題將按預期打開和關閉面板主體。 但是,該操作在打開時將class="collapsed"
到.panel-title > a
,並且在隨后的點擊中不會將其刪除 。
這是我的問題-我需要像在Bootstrap的示例中一樣切換此類(打開時為無類,折疊時為塌陷的類),以便為每種情況設置不同的標題樣式。
我花了幾個小時在此上,無法弄清楚為什么它不起作用。 我已經復制了Bootstrap的代碼,並且肯定具有最新版本的bootstrap.min.js。 我不認為我會丟失任何東西,但也許我已經看了太久了。 請幫忙!
好的,所以問題在於該項目是使用Silverstripe構建的,該項目重寫了哈希鏈接以在錨點之前指定URL,因此它在錨點鏈接之前添加了“ /”。
解決方案是禁用哈希鏈接 ,或編寫自定義處理程序以刪除折疊的類。
已編輯原始問題,以包括Silverstripe。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.