При использовании Bootstrap, почему некоторые из моих элементов случайным образом не рушится?

Question

У меня есть несколько коллапсирующих блоков на моем сайте веб-форм. Я использую 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 %> code-block должно получить правильное значение. Проблема, с которой я столкнулся, заключается в том, что когда я нажимаю div, который я хочу развернуть, атрибут класса не может генерировать «сбой» - он просто показывает «свернуть», и поэтому мой контент отображается, когда я проверяю его в инструментах Chrome Dev , но это не видно. Добавление «свернуть в» в инструментах Chrome Dev решает проблему, но, конечно, мне нужно, чтобы это произошло автоматически. Что более запутанно, так это то, что, когда я создаю это локально, мои блоки расширяются/сворачиваются правильно каждый раз; «collapse in» добавляется, когда нужно, и возвращается к «коллапсу», когда это необходимо. Когда я публикую на наш dev-сервер, тогда «свернуть» случайным образом не удается сгенерировать. Как я могу это исправить? Благодаря!

Answer 1

Я только что ответил на этот вопрос. Проблема заключалась в том, что мой div, содержащий атрибут data-target, использовал свойство C# для получения уникального значения ID. Это значение было создано путем генерации миллисекунды в DateTime.Now и использования этого в качестве значения атрибута id для сворачиваемого div и значения целевой данных в верхнем div. Я полагаю, что на более быстрой машине, чем мой собственный, как сервер dev, код работает достаточно быстро, чтобы получить одинаковое значение в миллисекундах на 2 или 3 div на странице, что создало идентичные значения в атрибутах id. Тождественные значения в атрибутах идентификатора сломали DOM и спрятали мой контент.

Решение: Я создал объект GUID, чтобы заполнить свойство ContentId, которое создало уникальные значения для атрибута id и сохраняло целостность DOM.