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

那么，是否可以防止Twitter Bootstrap轮播在页面加载时自动滑动，除非单击了下一个或上一个按钮？

谢谢

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

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

其他有用的轮播数据属性在此处-> http://getbootstrap.com/javascript/#carousel-usage

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

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

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

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

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

GitHub提交78b927b

如果您使用的是旋转木马的HTML结构上设置的bootstrap 3data-interval="false"

例：

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

• 使用data-interval="false"可停止自动幻灯片
• 使用data-wrap="false"停止环形滑

将此添加到您的课程div中：

data-interval="false"

以下是自举轮播的参数列表。像间隔，暂停，换行：

有关更多详细信息，请参见以下链接：

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

希望这个能对您有所帮助 ：）

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

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

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

当鼠标离开该页面（恰好是轮播区域）时，此脚本不起作用。转到官方定义并找到：

因此，您会找到原因。如果触发了轮播页面onmouseover事件，页面将暂停，而鼠标移出该页面时，它将再次恢复。

因此，如果您想让页面永久停止并手动旋转，则可以设置data-interval='false'。

-使用data-interval =“ false”停止自动滑动-使用data-wrap =“ false”停止圆形滑动

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

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