防止twitter引导传送带在页面加载时自动滑动

那么是否有阻止twitter引导传送带从页面加载自动滑动除非下一个或上一个button被点击？

谢谢

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

其实这个问题现在已经解决了 我在下面的方法'carousel'中添加了“暂停”参数：

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

无论如何，非常感谢@Yohn对这个解决scheme的build议。

Answer 3

上传/下一个button按下后，传送带自动滑动的问题就解决了。

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

GitHub提交78b927b

Answer 4

如果您在传送带的HTML结构上使用bootstrap 3 set data-interval="false"

例：

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

Answer 5

添加到你的coursel div：

 data-interval="false" 

Answer 6

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

Answer 7

以下是引导传送带的参数列表。 像Interval一样，暂停，换行：

欲了解更多详情请参阅此链接：

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

希望对你有帮助 ：）

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

Answer 8

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

…

Answer 9

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

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

这个脚本在鼠标离开那个页面的时候没有任何作用，就是旋转木马区域。 去官方的定义，并find那些：

所以你会发现why.if轮播页面的onmouseover事件触发，页面会暂停，当鼠标移出页面时，它会再次恢复。

所以，如果你想要一个页面永久停止并手动旋转 ，你可以设置data-interval='false' 。