アコーディオンは自動的にカウントされません

Question

アコーディオンは自動的にカウントアップされません。何らかの理由でアコーディオンが1にとどまります。私はバージョン7.7.2でUmbracoと呼ばれるCMSを使用しています。

は、ここに私のコードです：

@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に異なる制御-IDのおかげを持っています。なぜそれがカウントアップしていないか？

Answer 1

私はコードを動作させることができました。私はdivコードの1つをifコードの外に移動して動作させました。なぜdivがアコーデオンを数えたのか分かりません。ハードバ11とアディソンがお手伝いをしてくれてありがとう！

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