按鈕類切換Bootstrap手風琴與銀條紋問題

我使用Bootstrap的手風琴爲Silververstripe建造的項目。標記模擬的Bootstrap的文檔如下，有以下區別：aria-expanded="false"和panel-collapsed沒有類in，因爲我希望所有項默認關閉。按鈕類切換Bootstrap手風琴與銀條紋問題

<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。我不認爲我錯過了什麼，但也許我只是看了太久。請幫忙！

來源

2016-01-06 pingu

它似乎在這裏切換類 - https://jsfiddle.net/1ca5dc0v/ –

是否有任何其他JavaScript/jQuery代碼在該頁面中竊聽？您可能包含的任何代碼。 –

我已經把所有東西都剝離了，使JS無法識別並刪除了任何額外的javascript，但它仍然沒有正確切換。雖然小提琴確實工作，所以我知道標記是正確的。我會嘗試隔離項目外的相關部分並從那裏進行調試。 – pingu

好的，所以問題是項目是用Silverstripe構建的，它重寫散列鏈接以在定位點之前指定一個URL，因此它在定位點鏈接之前添加了「/」。

解決方案是disable the hash links，或者編寫一個自定義處理程序來刪除摺疊的類。

已編輯原始問題包括銀條紋。

來源

2016-01-06 15:55:20 pingu

嗨@pingu，很高興看到你解決了你的問題。您能否將您的答案標記爲已接受的答案？ – 3dgoo

按鈕類切換Bootstrap手風琴與銀條紋問題

回答

相關問題