是否可以防止Bootstrap传送带在鼠标悬停时暂停并继续自动循环？

是否可以防止Bootstrap轮播在鼠标悬停行为上暂停，并继续自动循环通过项目？是否可以防止Bootstrap传送带在鼠标悬停时暂停并继续自动循环？

该文档仅提到pause: "hover"的默认行为，如果我将暂停参数更改为其他任何内容，则传送带完全停止工作，因此我不知道如何禁用此默认行为。

2012-04-22 Andy Bowskill

我发现的一个"false"值将导致转盘到鼠标悬停在保留循环：

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

我使用Twitter的引导V2.0.2

来源

2012-05-04 00:08:10 xcer

用户' “暂停”： “假”'为IE保持兼容！ – Gustav 2012-08-25 17:09:43

也适用于Bootstrap v3.1.1！ – HischT 2014-11-04 18:51:22

在引导程序3.3.7中，如果您希望将鼠标悬停在旋转木马上不暂停，则'pause'选项的值应为'null'：http://getbootstrap.com/javascript/#carousel-options – 2017-02-14 21:17:53

您可以添加此到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">

这对我有效。

来源

2014-11-14 04:17:43 JCBrown

伟大的解决方案阅读代码更加尖锐。 – 2018-03-10 12:40:32

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

用于引导v3.3.4

来源

2015-04-20 11:52:21 wpdevramki

几句解释会让这个例子更好。 – Thom 2015-04-20 12:13:53

我需要这个为我的网站之一使用Bootstrap v3.3.4，我用上述所有。但是，没有人为我工作，最后我发现这个网站：http://www.dwdmbi.com/2013/07/avoid-pausing-bootstrap-carousel-on。html 从那个网站我只使用暂停：'无'。它很好用，它！所以我分享它！ – wpdevramki 2015-04-21 16:03:45

对于Bootstrap 3.3.7该值应该为'null'：http://getbootstrap.com/javascript/#carousel-options – 2017-02-14 21:14:09

引导4卸下悬停暂停

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

来源

2017-08-11 18:05:49

我发现，有两件事情上这个循环和暂停依赖。

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

只要改变的代码下面一行在你的JS/bootstrap.js文件允许连续滑动。

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

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

来源

2017-09-11 05:53:20

是否可以防止Bootstrap传送带在鼠标悬停时暂停并继续自动循环？

回答

相关问题