아코디언이 자동으로 계산되지 않습니다.

Question

내 아코디언이 자동으로 계산되지 않습니다. 어떤 이유로 든 아코디언이 1로 유지됩니다. Umbraco라는 CMS를 버전 7.7.2에서 사용하고 있습니다.

여기 내 코드입니다 :

@if(@Model.Content.GetPropertyValue("titleAccordeon") != "") 
{ 
    <section class="block block__accordion"> 
    <div class="container"> 
     <div class="row"> 
      <div class="block__heading col-md-12"> 
       <h3>@Model.Content.GetPropertyValue("titleAccordeon")</h3> 
       <p>@Model.Content.GetPropertyValue("introAccordeon")</p> 
      </div> 
      @if(Model.Content.Accordion != null && Model.Content.Accordion.Any()) 
      { 
       foreach (var item in Model.Content.Accordion) 
       { 
        var guid = Guid.NewGuid(); 
        <div class="accordion panel-group col-md-12" role="tablist" aria-multiselectable="true"> 
         <div class="accordion__item"> 
          <a class="accordion__item__header" role="button" data-toggle="collapse" data-target="#accordion-@guid" aria-expanded="false" aria-controls="accordion-@guid"> 
           @item.Title 
          </a> 

          <div class="collapse" id="accordion-@guid"> 
           <div class="accordion__item__body"> 
            @item.Description 
           </div> 
          </div> 
         </div> 
        </div> 
       } 
      } 
     </div> 
    </div> 
</section> 

그리고 이것은 페이지 중 하나의 결과입니다

모든 아코디언은 GUID에 다른 제어 아이디 감사합니다. 왜 그것이 세지 않는지 어떤 생각?

Answer 1

나는 코드를 작동시킬 수 있었다. 나는 div 코드 중 하나를 if 코드 바깥으로 옮겼다. 왜 div가 아코디언을 세 었는지 확신 할 수 없습니다. 도와 줘서 고마워 hardba11 및 ADyson에게 감사드립니다!

<div class="accordion panel-group col-md-12" role="tablist" aria-multiselectable="true"> 
      @if(Model.Content.Accordion != null && Model.Content.Accordion.Any()) 
      { 
       foreach (var item in Model.Content.Accordion) 
       { 

        var guid = Guid.NewGuid(); 

         <div class="accordion__item"> 
          <a class="accordion__item__header" role="button" data-toggle="collapse" data-target="#accordion-@guid" aria-expanded="false" aria-controls="accordion-@guid"> 
            @item.Title 
          </a> 
          <div class="collapse" id="accordion-@guid"> 
           <div class="accordion__item__body"> 
            @item.Description 

           </div> 
          </div> 
         </div> 
       } 
      } 
      </div> 

Answer 2

어떻게 자동 번호 매기기입니까? 나는 자동 번호를 매기는 OL이나 아무것도 볼 수 없다. 번호가 아이템의 일부일뿐입니다. 제목? 이 경우이 같은 것을 할 수 있습니다.

@if(Model.Content.Accordion != null && Model.Content.Accordion.Any()) 
{ 
    var counter == 1; 
    foreach (var item in Model.Content.Accordion) 
    { 
     var guid = Guid.NewGuid(); 

     <div class="accordion panel-group col-md-12" role="tablist" aria-multiselectable="true"> 
      <div class="accordion__item"> 
       <a class="accordion__item__header" role="button" data-toggle="collapse" data-target="#accordion-@guid" aria-expanded="false" aria-controls="accordion-@guid"> 
         @(counter + ". " + @item.Title) 
       </a> 
       <div class="collapse" id="accordion-@guid"> 
        <div class="accordion__item__body"> 
         @item.Description 
        </div> 
       </div> 
      </div> 
     </div> 
     @counter++; 
    } 
}