부트 스트랩을 사용할 때 일부 요소가 무작위로 축소되지 않는 이유는 무엇입니까?

Question

웹 양식 사이트에 여러 개의 붕괴 블록이 있습니다. 그래서 같이 그들을 붕괴 부트 스트랩을 사용하고 있습니다 : 여기

<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 
    } 

, 나는 가정 그 <% 번호 콘텐츠 ID %> code-block은 올바른 값을 가져야합니다. 내가 겪고있는 문제는 확장하려는 div를 클릭하면 클래스 속성이 "축소"를 생성하지 못한다는 것입니다. 그러면 Chrome 개발 도구에서 검사 할 때 내 콘텐츠가 렌더링되므로 "축소"를 보여줍니다. 하지만 보이지 않습니다. Chrome 개발자 도구에서 '붕괴'기능을 추가하면 문제가 해결되지만 물론 자동으로 실행해야합니다. 혼란스러운 점은 내가 로컬로 빌드 할 때마다 블록이 매번 확장/축소된다는 것입니다. "에 붕괴"가 있어야 할 때 추가되고 "붕괴"로 되돌아갑니다. 우리가 dev에 서버에 게시하면 다음 "무너지고"무작위로 생성하지 못합니다. 어떻게 해결할 수 있습니까? 감사!

Answer 1

방금이 질문에 답변했습니다. 이 문제는 데이터 타겟 속성을 포함하는 div가 C# 속성을 사용하여 고유 한 ID 값을 얻고 있다는 점에서 문제가되었습니다. 이 값은 DateTime.Now에서 밀리 초를 생성하고이를 접는 div의 id 속성 값과 상단 div의 data-target 값으로 사용하여 작성되었습니다. Dev 서버처럼 내 자신보다 빠른 컴퓨터에서 페이지의 2 또는 3 div에 동일한 밀리 초 값을 얻을 정도로 코드가 빠르다고 가정하고 id 속성에 동일한 값을 생성했습니다. Id 속성의 동일한 값이 DOM을 손상시키고 내 콘텐츠를 숨 깁니다.

솔루션 : 'ContentId'속성을 채우기 위해 GUID 개체를 만들었습니다.이 속성은 id 특성에 고유 한 값을 만들어 DOM을 그대로 유지합니다.