Bootstrap'collapsed'class not load on DOM load

我有一個使用Bootstrap的Collapse功能的手風琴菜單，並且我試圖根據CSS類來引導它的樣式。Bootstrap用來顯示和隱藏可摺疊元素。Bootstrap'collapsed'class not load on DOM load

我的問題是，當文檔被完全加載時，collapsed類不會在摺疊元素上加載，而它們會顯示爲摺疊狀態。因此，我的頁面呈現「開放」樣式，而每個可摺疊元素都會像應該那樣摺疊。在第一次點擊之後，collapsed類將出現，並且樣式按其應有的方式工作。

強制將collapsed類放到每個元素上DOM負載爲一個是一個混亂的方式來解決問題，但在更改之前樣式仍然顯示一秒。

爲了說明，這應該發生：

摺疊狀態

未摺疊的狀態

而是負載，我得到這個作爲collapsed類簡單不存在：

任何想法可以做些什麼呢？

編輯：代碼共融（忽略剃刀段）

<button class="category-select" data-toggle="collapse" data-target="#[email protected]">@fieldset.GetValue("title")</button> 
    <div id="[email protected]" class="collapse"> 
     <div class="category-inner"> 
      @Html.Raw(@fieldset.GetValue("innerText")) 
     </div> 
    </div>

來源

2017-05-31 Tom Sykes

請在這裏分享您的代碼 –

聽起來像$（document）.ready（）缺少在文檔加載時運行代碼 – Gerard

儘管如此？這是使用未經編輯的Bootstrap v3.3.5 –

剛剛意識到我做錯了什麼基礎上所存在的樣式。我應該做的是將collapsed類添加到html中。

的代碼其實應該是這樣的：那麼

<button class="category-select collapsed" data-toggle="collapse" data-target="#[email protected]">@fieldset.GetValue("title")</button> 
<div id="[email protected]" class="collapse"> 
    <div class="category-inner"> 
     @Html.Raw(@fieldset.GetValue("innerText")) 
    </div> 
</div>

正確的樣式應用於負載，準備collapsed上單擊要刪除。

很愚蠢的錯誤。

來源

2017-05-31 10:49:00

Bootstrap'collapsed'class not load on DOM load

回答

相關問題