bootstrap carousel pause не работает

Question

Я не могу вызвать функцию «пауза» на карусели Bootstrap (3.0.2). Я пробовал все, что могу придумать, чтобы ссылаться на экземпляр карусели, но - никаких ошибок, пауз.

<script> 
    var stepIndex = 3; 
    $('.carousel').carousel({ 
     interval: 3000 
    }); 
    $('#carousel-couples').on('slide.bs.carousel', function() { 
     stepIndex-- 
     console.log("carousel stepping", stepIndex); 
     if (stepIndex == 0) { 
      console.log("supposedly pausing carousel"); 
      $('.carousel').carousel('pause'); 
     } 
    }) 
</script> 
</body> 
</html> 

Answer 1

Вызов паузы на карусели при ее скольжении, похоже, не работает. Вместо этого используйте событие slid.bs.carousel, как только слайд завершит переход, а затем ваш pause должен работать.

$('#carousel-couples').on('slid.bs.carousel', function() { 
    ... 
});