javascript - 是否可以防止引导轮播在鼠标悬停时暂停并继续自动循环？

Question

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

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

score 92 · Accepted Answer

我发现值"false"将导致轮播在鼠标悬停期间继续循环：

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

我正在使用 Twitter Bootstrap v2.0.2

score 60 · Accepted Answer

您也可以将其添加到 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">

这对我有用。

score 7 · Accepted Answer

7

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

引导 v3.3.4

于 2015-04-20T11:52:21.500 回答

score 2 · Accepted Answer

Bootstrap 4删除悬停时的暂停

$('.carousel').carousel({
    interval: 2000,
    cycle: true,
    pause: "null"
})

score 2 · Accepted Answer

对于仍在访问此线程的任何人，在 4.1.3 的最新版本中，请使用不带引号的null 。在以前的 v.4 版本中可能需要引号，但现在不是这样：

$('.carousel').carousel({
    interval: 2000,
    cycle: true,
    pause: null
})

score 2 · Accepted Answer

在引导程序 4 中：

数据暂停=“假”

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

此设置可防止暂停。

score 0 · Accepted Answer

我发现这种循环和暂停取决于两件事。

只需更改 js/bootstrap.js 文件中的以下代码行以允许连续滑动。

.on('mouseenter', $.proxy(this.pause, this)) 到

.on('mouseenter', $.proxy(this.**cycle**, this))

7 回答 7