1

ネストされたカルーセルを使用しているときに問題が発生しitemました。子カルーセルに div を追加すると発生します。

<div id="carousel-parent" class="carousel slide">
  <div class="carousel-inner">
    <div class="active item">
      <div id="carousel-child" class="carousel slide">
        <div class="carousel-inner">
          <div class="active item">ITEM_1</div>
          <div class="item">ITEM_2</div>
        </div>
      </div>
    </div>
    <div class="item">…&lt;/div>
    <div class="item">…&lt;/div>
  </div>
</div>

ここで、「ITEM_1」と「ITEM_2」divs(子carousel-innerが空)を削除すると、すべてがうまく機能します。item divしかし、子カルーセルに1 つだけ追加するnextと、prev親のカルーセル JavaScript メソッドを呼び出すと、本当に奇妙な動作が発生します (どうやら、activeクラスはシナリオ内でその位置自体を更新できません)。

正常ですか?それを避ける方法は?

4

1 に答える 1