手风琴不会自动计数

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>   

这是其中一页的结果：

​

​

所有的手风琴都有一个不同的控制-id多亏了吉德。知道为什么不算数吗？

Answer 1

我设法让代码正常工作。我把其中一个div移到if代码外面了，它起作用了。不知道为什么迪夫让手风琴很重要。感谢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

是怎么自动编号的？我没有看到其他人或者任何能自动编号的东西。似乎这个数字只是item.Title的一部分？如果是这样的话，你可以这样做。

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