0

我正在尝试创建一个动态注释字段，其中每个对话都包含在一个单独的手风琴中并且遇到了一些麻烦。

我继续从引导程序中复制了基本代码，并注意到他们调用需要发生的不同事情的方式。所以我尝试{{ $cover_design_note->id }}在每个 id 的末尾为每个项目添加我的唯一 id 以尝试使其工作......但这似乎不起作用。它实际上似乎打破了它一点点。

任何帮助都会很棒，我已经为此苦苦挣扎了一段时间。

我的代码看起来像这样

@foreach($cover_design->notes as $cover_design_note)
    <div class="noteAcc">
      <div class="accordion" id="accordion{{ $cover_design_note->id }}">
        <div class="accordion-group">
          <div class="accordion-heading">
            <a class="accordion-toggle" data-toggle="collapse{{ $cover_design_note->id }}" data-parent="#accordion{{ $cover_design_note->id }}" href="#collapse{{ $cover_design_note->id }}">Collapsible Group Item #1</a>
          </div><!--.accordion-heading-->
          <div id="collapse{{ $cover_design_note->id }}" class="accordion-body collapse in">
          <div class="accordion-inner">
                              Anim pariatur cliche...
          </div><!--.accordion-inner-->
        </div><!--.accordion-body-->
      </div><!--.accordion-group-->
     </div><!--.accordion-->
   </div><!--.noteAcc-->               
@endforeach
4

1 回答 1

1

链接上的data-toggle属性应该单独保留。

<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion{{ $cover_design_note->id }}" href="#collapse{{ $cover_design_note->id }}">Collapsible Group Item #1</a>
于 2013-08-26T18:22:49.753 回答