是否可以防止鼠标悬停时Bootstrap轮播暂停并继续自动循环？

Question

是否可以阻止Bootstrap轮播暂停鼠标悬停行为并继续自动循环浏览项目？

文档仅提到默认行为pause: "hover",如果我将pause参数更改为其他任何内容,则轮播将完全停止工作,因此我不确定如何禁用此默认行为.

Answer 1

我发现一个值"false"会导致轮播在鼠标悬停期间保持循环:

$('.carousel').carousel({
    pause: "false"
});

我正在使用Twitter Bootstrap v2.0.2

Answer 2

你也可以将它添加到div .carousel而不是使用javascript.

添加延迟时间:

data-interval="3000"

添加如果它悬停或不悬停,选项是true和false

data-pause="false"

示例是:

<div id="carousel" class="carousel" data-ride="carousel" data-interval="3000" data-pause="false">

这对我有用.

Answer 3

$('.carousel').carousel({
        pause: 'none'
    })

for Bootstrap v3.3.4

Answer 4

适用于 Bootstrap v5.1

data-bs-pause="false"

例如：<div class="carousel slide" data-bs-ride="carousel" data-bs-pause="false">