Javascript 双功能双转盘

问题是，我希望在一个页面中有两个具有两种不同功能的旋转木马，这意味着第一个旋转木马将自动滑动，第二个旋转木马将手动单击，但我遇到了这个问题：

当第一个转盘滑动时，第二个转盘将消失

当第二个转盘单击时，第一个转盘没有响应

这是我的代码

$（文档）.ready（函数（）{
$（'旋转木马-1'）。旋转木马({
间隔时间：5000
});
});
$（文档）.ready（函数（）{
$（'旋转木马-2'）。旋转木马({
间隔：假
});
});

只需在第二个转盘的导航中添加href=“#转盘-2”
只需在第二个转盘的导航中添加href=“#转盘-2”
您应该在第二个转盘之前添加
。
我不确定这对你来说是否足够，但在我看来看起来不错

<div id="carousel-1" class="carousel slide">
  <div class="carousel-inner">
    <div class="item active">
      <img src="http://placehold.it/350x150" alt="" />
    </div>
    <div class="item">
      <img src="http://placehold.it/350x150" alt="" />
    </div>
    <div class="item">
      <img src="http://placehold.it/350x150" alt="" />
    </div>
  </div>
</div><!-- Added div -->
<div class="container">
  <div id="carousel-2" class="carousel slide">
    <div class="carousel-inner">
      <div class="item active">
        <img src="http://placehold.it/350x150" alt="" />
      </div>
      <div class="item">
        <img src="http://placehold.it/350x150" alt="" />
      </div>
      <div class="item">
        <img src="http://placehold.it/350x150" alt="" />
      </div>
    </div>
    <a class="carousel-control left" href="#carousel-2" data-slide="prev">&lsaquo;</a>
    <a class="carousel-control right" href="#carousel-2" data-slide="next">&rsaquo;</a>
  </div>
</div>


您应该在第二个旋转木马之前添加
。
我不确定这对你来说是否足够，但在我看来看起来不错

<div id="carousel-1" class="carousel slide">
  <div class="carousel-inner">
    <div class="item active">
      <img src="http://placehold.it/350x150" alt="" />
    </div>
    <div class="item">
      <img src="http://placehold.it/350x150" alt="" />
    </div>
    <div class="item">
      <img src="http://placehold.it/350x150" alt="" />
    </div>
  </div>
</div><!-- Added div -->
<div class="container">
  <div id="carousel-2" class="carousel slide">
    <div class="carousel-inner">
      <div class="item active">
        <img src="http://placehold.it/350x150" alt="" />
      </div>
      <div class="item">
        <img src="http://placehold.it/350x150" alt="" />
      </div>
      <div class="item">
        <img src="http://placehold.it/350x150" alt="" />
      </div>
    </div>
    <a class="carousel-control left" href="#carousel-2" data-slide="prev">&lsaquo;</a>
    <a class="carousel-control right" href="#carousel-2" data-slide="next">&rsaquo;</a>
  </div>
</div>


您的
尚未关闭。。。您应该添加
。您的
尚未关闭。。。你应该加上
。我真傻，谢谢你解开我的谜语@tkhm欣赏它我真傻，谢谢你解开我的谜语@tkhm欣赏它