javascript - 如何在鼠标悬停时暂停 Bootstrap 轮播并在鼠标移开时恢复它？

Question

我的网站上有一个 Bootstrap 轮播。

当用户将鼠标悬停在元素 #formcontainer 上时，我想暂停轮播。当我悬停时，我想继续旋转木马的循环。第一部分可以与以下代码配合使用，但第二部分则不行。有人可以帮忙吗？

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

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

Answer 1

使用carousel cycle mouseleave 事件

上的方法

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