使用Bootstrap時，為什么我的某些元素隨機不塌陷？

Question

我的Web表單網站上有幾個崩潰的塊。 我正在使用Bootstrap折疊它們，如下所示：

<div class="span<%# CurrentBlock.Span > 0 ? CurrentBlock.Span.ToString() : "12" %> info-link-header info-link-header-title expandable-link-heading" data-toggle="collapse" data-target="#<%# ContentId %>" style="position: relative;">
    <!--some content-->
<div class="expandable-container collapse" id="<%# ContentId %>"><!--some more content--></div>

以下是此文件的代碼：

    protected void Page_Load(object sender, EventArgs e)
    {
        this.DataBind();
        //some other code
    }

由於調用了DataBind（），因此我假定<％＃ContentId％>代碼塊應獲取正確的值。 我遇到的問題是，當我單擊要擴展的div時，class屬性無法生成“ collapse in”，它僅顯示“ collapse”，因此當我在Chrome Dev工具中對其進行檢查時，將呈現我的內容，但它不可見。 在Chrome開發工具中添加“折疊”即可解決此問題，但是我當然需要自動進行此操作。 更令人困惑的是，當我在本地構建時，我的塊每次都會正確地擴展/折疊。 在需要時添加“ collapse in”，並在需要時恢復為“ collapse”。 當我發布到我們的開發服務器時，隨機生成“崩潰”。 我怎樣才能解決這個問題？ 謝謝！

Answer 1

我剛剛回答了這個問題。 這背后的問題是我的包含data-target屬性的div使用C＃屬性獲取唯一的ID值。 通過在DateTime.Now上生成毫秒，並將其用作折疊div上id屬性的值，以及頂部div上的data-target值，來創建此值。 在比我自己的機器快的機器上（例如開發服務器），我假設代碼運行得足夠快，可以在頁面的2或3 div上獲得相同的毫秒值，從而在id屬性中創建了相同的值。 Id屬性中相同的值破壞了DOM，並隱藏了我的內容。

解決方案：我創建了一個GUID對象來填充'ContentId'屬性，該屬性為id屬性創建了唯一值，並保持了DOM完整。