从控制台暂停Bootstrap Carousel - 错误的对象

Question

我无法暂停一个bootstrap 3轮播。当我试图暂停旋转木马时，没有任何事情发生，它继续滑动。好像我在错误的物体或其他东西上设置暂停..

$('.carousel').carousel('pause');

当我在控制台中运行命令时，它会尝试在正确的选择器（.carousel）上设置属性，如下图所示：

<div id="carousel" class="carousel mediaCarousel slide" data-ride="carousel">

<div class="iterationNumbers">
    <div class="num"></div>
</div>
<div class="carousel-inner">

        .... each item ....

</div>

<a class="left carousel-control" href=".carousel" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left"></span>
</a>

<a class="right carousel-control" href=".carousel" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right"></span>
</a>

Answer 1

为轮播提供唯一的ID，然后按以下方式选择：

$("#id_my_carousel").carousel('pause');

Here is a fiddle底部有一个暂停按钮

Answer 2

您无法在滑动时暂停旋转木马，请使用此事件在变换后暂停：

$('#carouselId').on('slid.bs.carousel', function () {
    $(this).carousel('pause');
});