jquery - 防止 twitter 引导轮播在页面加载时自动滑动

Question

那么，除非单击下一个或上一个按钮，否则是否有办法防止 twitter 引导轮播在页面加载时自动滑动？

谢谢

score 264 · Accepted Answer

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

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

score 53 · Accepted Answer

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

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

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

score 43 · Accepted Answer

解决了按上一个/下一个按钮后轮播自动滑动的问题。

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

score 17 · Accepted Answer

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

例子：

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

score 11 · Accepted Answer

11

于 2015-07-06T07:53:50.593 回答

score 10 · Accepted Answer

10

将此添加到您的课程 div ：

data-interval="false"

于 2015-12-13T02:13:10.350 回答

score 5 · Accepted Answer

下面是引导轮播的参数列表。像间隔、暂停、换行：

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

希望对你有帮助：）

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

score 2 · Accepted Answer

我想也许你应该去查看有关轮播的官方说明，对我来说，我没有在上面找到答案，因为引导程序的多个版本，我正在使用 b4-alpha，我希望自动播放效果停止。

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

当鼠标离开该页面时，此脚本不会产生任何效果，正好是轮播区域。去官方定义并找到那些：

所以你会发现为什么。如果触发了轮播页面的onmouseover事件，页面会暂停，当鼠标离开该页面时，它会再次恢复。

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

score 1 · Accepted Answer

--使用 data-interval="false" 停止自动滑动 --使用 data-wrap="false" 停止循环滑动

...

score 1 · Accepted Answer

对于 Bootstrap 4，只需从 carousel div 中删除 'data-ride="carousel"'。这会在加载时删除自动播放。

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

10 回答 10