javascript - Bootstrap Carousel 在第一个间隔到期之前不会加载

标签 javascript twitter-bootstrap carousel

我正在使用 Twitter Bootstrap Carousel 并且有一组图像加载速度与我设置的“间隔”参数一样快。所以,如果我坐在 {interval:10},那么一切都会很快加载,但如果我设置 {interval:6000},我必须等待 6 秒。

an issue on github在加载第一个图像之前 Bootstrap 轮播不会加载并将“.active”添加到第一个 div 似乎已经解决了这个问题。但是,该解决方案对我不起作用。我添加了 active 类,但 div.active 直到间隔结束才真正呈现。

问题 - 您是否见过类似的行为,您知道如何解决吗? 谢谢!

最佳答案

这应该可以解决它。

$(document).ready(function()
{
    $('.carousel').carousel({
      interval: 6000
    });

    $('.carousel').carousel('next');
});

关于javascript - Bootstrap Carousel 在第一个间隔到期之前不会加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15335569/

相关文章:

当页面上的地址栏可见时,JavaScript 代码无法在移动设备上运行?

javascript - ReactJS - 组件外部的全局状态

javascript - JavaScript 的简单继承

javascript - Bootstrap 模态中的中心形式

html - 轮播未显示在我的网站上

javascript - 如果我们正在循环访问当前项目,哪个 for/forEach 的性能更高?

css - Grunt、Bower 和 Bootstrap 3

css - 粘性 Bootstrap 页脚重叠页面内容

javascript - 如何调整 Bootstrap Carousel 滑动延迟

jquery - Cycle 2 堆叠转盘