ネストされたカルーセルを使用しているときに問題が発生し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">…</div>
<div class="item">…</div>
</div>
</div>
ここで、「ITEM_1」と「ITEM_2」divs
(子carousel-inner
が空)を削除すると、すべてがうまく機能します。item div
しかし、子カルーセルに1 つだけ追加するnext
と、prev
親のカルーセル JavaScript メソッドを呼び出すと、本当に奇妙な動作が発生します (どうやら、active
クラスはシナリオ内でその位置自体を更新できません)。
正常ですか?それを避ける方法は?