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

Question

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

谢谢

Answer 1

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

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

其他有用的轮播数据属性在这里 - > 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提交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

希望对你有帮助 :)

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