• Bootstrap之Carousel不能自动播放的解决办法

  • 发布日期:2019-09-15 05:54   来源:未知   阅读:

  Bootstrap是一个非常好的css/javaScript框架,尤其对于移动端的自适应和适配能力都比较强。昨天用Bootstrap自带的Carousel写了一个图片轮播的广告部分,用js调用后却出现了不能自动播放的问题。44454铁算子网址

  Bootstrap是一个非常好的css/javaScript框架,尤其对于移动端的自适应和适配能力都比较强。昨天用Bootstrap自带的Carousel写了一个图片轮播的广告部分,用js调用后却出现了不能自动播放的问题。

  查了一下,发现真的有不少人问Bootstrap的Carousel组件不能自动播放的问题,这里要注意几个问题:

  先看一下Carousel的正确写法(代码,这里使用的是Bootstrap 3.2版本):

  默认使用Bootstrap的Carousel组件,只需要加上 data-ride=carousel 就可以实现自动播放了。无需使用初始化的js函数。所以,如果carousel不会自动播放,那么首先检查这个部分。这里还能加其他参数,80333香港神算天师区。比如是设置图片轮转的时间间隔。