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

【问题标题】：Is it possible to prevent the Bootstrap carousel pause on mouse hover and continue automatically cycling?是否可以防止引导轮播在鼠标悬停时暂停并继续自动循环？
【发布时间】：2012-05-03 07:41:11
【问题描述】：

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

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

【问题讨论】：

标签： javascript hover twitter-bootstrap

【解决方案1】：

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

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

我正在使用 Twitter Bootstrap v2.0.2

【讨论】：

用户"pause":"false" IE 兼容性！
也适用于 Bootstrap v3.1.1！

【解决方案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">

这对我有用。

【讨论】：

这是一个很好的解决方案，我已经在 Safari 和 Chrome 上使用 Bootstrap 4 进行了尝试。感谢您的解决方案！
这是一个很好的解决方案，我已经在 Safari 和 Chrome 上使用 Bootstrap 4 进行了尝试。感谢您的解决方案！

【解决方案3】：

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

适用于 Bootstrap v3.3.4

【讨论】：

几句话的解释会让这个例子更好。
对于 Bootstrap 3.3.7，该值应为 null: getbootstrap.com/javascript/#carousel-options

【解决方案4】：

Bootstrap 4 删除悬停时的暂停

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

【讨论】：

【解决方案5】：

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

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

【讨论】：

【解决方案6】：

在引导程序 4 中：

data-pause="假"

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

此设置可防止暂停。

【讨论】：

【解决方案7】：

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

当鼠标进入时（mouseenter - 暂停滑动）
当鼠标离开时（mouseleave - 继续滑动）

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

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

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

【讨论】：

编辑源文件是个糟糕的主意。如果您选择升级，您的所有更改都将丢失。此外，许多开发人员选择使用外部托管文件（例如那些托管在 bootstrapcdn.com 上的文件），甚至无法更改。此外，当您更改整个网站的源文件时，您可能会在其他页面上得到意想不到的结果。