Javascript 更改引导转盘'；使用jquery重新激活自动播放的s索引

我想做什么：
我有一个自助旋转木马和5个div。当我在第一个div上悬停时，我想显示第一个旋转木马项目…等等

我所做的：
我使用

data interval=“false”

禁用了自动播放功能 悬停这些控制项时，将调用以下函数：

function changeImage(index) {
        $("#carousel").carousel(index);   // index is the active carousel-item's index
}

发生了什么：
在将鼠标悬停在任何控制项上之前，旋转木马不会自动播放。
将鼠标悬停在任何控制项上后，旋转木马显示预期的旋转木马项，但旋转木马开始自动播放

我的尝试：
每次在转盘中导航后，使用Jquery将间隔设置为false：

function changeImage(index) {
        $("#carousel").carousel(index);
        $('#carousel').carousel({
            interval: false
        })
}

但它不起作用

完整代码：

<div id="carousel" class="carousel slide" data-interval="false">
    <div class="carousel-inner">
        <div class="carousel-item">
            <img src="..."/>
        </div>
        <div class="carousel-item active">
            <img src="..."/>
        </div>
        <div class="carousel-item">
            <img src="..."/>
        </div>
        <div class="carousel-item">
            <img src="..."/>
        </div>
    </div>
</div>
<div id="controls">
   <div onmouseover="changeImage(0)">1</div>
   <div onmouseover="changeImage(1)">2</div>
   <div onmouseover="changeImage(2)">3</div>
   <div onmouseover="changeImage(3)">4</div>
   <div onmouseover="changeImage(4)">5</div>
</div>
<script>
    $('#carousel').on('slide.bs.carousel', function () {
        $('#carousel').carousel({
            interval: false
        })
    })
    function changeImage(index) {
        $("#carousel").carousel(index);
    }
</script>

1.
2.
3.
4.
5.
$（'#carousel'）。on（'slide.bs.carousel'，函数（）{
$（'旋转木马'）。旋转木马({
间隔：假
})
})
函数更改图像（索引）{
$（“旋转木马”）。旋转木马（索引）；
}

Hi，尝试在您的

changeImage

函数中添加

$（“#carousel”）.attr（'data-interval'，'false'）

。@Swati您好，我刚刚尝试过，但没有效果检查可能会有帮助。