防止Twitter引导轮播在页面加载时自动滑动

Question

除非单击下一个或上一个按钮，否则无论如何都要阻止Twitter引导程序轮播在页面加载时自动滑动？

由于

Answer 1

或者，如果您使用的是Bootstrap 3.0，则可以使用data-interval =“false”来停止循环

<div id="carousel-example-generic" class="carousel slide" data-interval="false">

其他有用的轮播数据属性在这里 - ＆gt; http://getbootstrap.com/javascript/#carousel-usage

Answer 2

实际上，问题现在已经解决了。我将'pause'参数添加到方法'carousel'中，如下所示：

$(document).ready(function() {      
   $('.carousel').carousel('pause');
});

无论如何，非常感谢@Yohn提供有关此解决方案的提示。

Answer 3

解决了上一次/下一次按下按钮后旋转木马自动滑动的问题。

$('.carousel').carousel({
    pause: true,
    interval: false
});

GitHub commit 78b927b

Answer 4

如果您在轮播的HTML结构上使用 bootstrap 3 设置data-interval="false"

示例：

<div id="carousel-example-generic" class="carousel slide" data-ride="carousel" data-interval="false">

Answer 5

• 使用data-interval="false"停止自动幻灯片
• 使用data-wrap="false"停止循环播放

Answer 6

将此添加到您的coursel div：

data-interval="false"

Answer 7

以下是bootstrap轮播的参数列表。 像Interval一样，暂停，换行：

有关详细信息，请参阅此链接：

http://www.w3schools.com/bootstrap/bootstrap_ref_js_carousel.asp

希望这会对你有所帮助:)。

注意：这需要进一步的帮助。我是指如何在加载轮播后自定义或更改默认行为。

Answer 8

我想也许你应该去检查关于旋转木马的官方说明，对我来说，我还没有找到上面的答案，因为多个版本的bootstrap，我正在使用b4-alpha和我想要自动播放效果停止。

$(document).ready({
    pause:true,
    interval:false
});

当鼠标离开该页面时，此脚本无效，完全是轮播区域。去官方定义并找到那些：

所以你会发现why.if轮播页面onmouseover事件被触发，页面将暂停，当鼠标离开该页面时，它将再次恢复。

因此，如果您希望页面永久停止并手动旋转，则只需设置data-interval='false'。

Answer 9

- 使用data-interval =“false”停止自动滑动 - 使用data-wrap =“false”停止循环幻灯片

...

Answer 10

对于Bootstrap 4，只需从轮播div中删除“ data-ride =“ carousel””即可。这将删除加载时的自动播放。

要再次启用自动播放，您仍然必须使用javascript中的“播放”调用。