0

各会話が個別のアコーディオン内に閉じられている動的なメモ フィールドを作成しようとしていますが、少し問題があります。

先に進み、ブートストラップから基本コードをコピーしたところ、発生する必要があるさまざまなことを呼び出す方法に気付きました。そこで、各アイテムの一意のIDを各{{ $cover_design_note->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 に答える