如何在悬停时暂停Bootstrap Carousel并在鼠标移出时恢复它？

Question

我的网站上有一个Bootstrap Carousel.

当用户将鼠标悬停在元素上时#formcontainer,我想暂停旋转木马.当我徘徊时,我想继续旋转木马的循环.第一部分可以正常使用以下代码,但不是第二部分.有人可以帮忙吗？

$(document).ready(function() {
    $('.carousel').carousel({
        interval: 1200,
        pause: "hover"
    });

    $('#formcontainer').hover(function(){
        $("#myCarousel4").carousel('pause');
    });
});

Answer 1

在事件上使用轮播cycle方法mouseleave

$('#formcontainer').hover(function(){
   $("#myCarousel4").carousel('pause');
},function(){
   $("#myCarousel4").carousel('cycle');
});