包含项目div（嵌套轮播）时的轮播子bug

Question

我在使用嵌套轮播时遇到问题，当我在儿童轮播中添加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，当我调用next和prev父母的旋转木马javascript方法时，我会得到一些非常奇怪的行为（显然，{{1} } class无法在场景中更新其位置。

这是正常的吗？如何避免？

Answer 1

不支持嵌套轮播，因为“周围的体验会很糟糕” Github issue