页面加载时的Twitter引导旋转木马循环

页面加载时的Twitter引导旋转木马循环,twitter,twitter-bootstrap,carousel,Twitter,Twitter Bootstrap,Carousel,我遇到了一个问题,当页面加载时,让Twitter引导旋转木马以所需的定时速率自动开始循环 请任何人指出我做错了什么?您可以通过添加以下代码来更改旋转木马的速度: $(文档).ready(函数(){ $('.carousel')。carousel({ 间隔时间:2000年 }) }); 删除第289行: 删除第325行: 删除第326行: window.jQuery | | document.write(“”) 删除第328行: 当我用Chrome的开发者工具打开页面时,boo

我遇到了一个问题,当页面加载时,让Twitter引导旋转木马以所需的定时速率自动开始循环


请任何人指出我做错了什么?

您可以通过添加以下代码来更改旋转木马的速度:


$(文档).ready(函数(){
$('.carousel')。carousel({
间隔时间:2000年
})
});

删除第289行:


删除第325行:


删除第326行:

window.jQuery | | document.write(“”)
删除第328行:



当我用Chrome的开发者工具打开页面时,bootstrap.min.js出现了一个资源错误(404)。确保正确地包含引导的核心js文件。其余的引导插件似乎加载得很好


这可能与您何时包含某些内容有关。确保您使用的是另一个问题中提到的代码片段,以使旋转木马自动启动,但只有在页面/DOM已完全初始化,因此div.carousel元素存在后才能启动。

要自动启动循环,您只需在脚本中添加interval:true即可

<script type="text/javascript">
  $(document).ready(function() {
    $('.carousel').carousel({
      interval: true
    })
  });
</script>

$(文档).ready(函数(){
$('.carousel')。carousel({
间隔:正确
})
});

谢谢您的帮助,但很抱歉,我知道这一部分(我将其设置为6000),我认为我的问题措辞很糟糕/错误,因为我试图实现的是幻灯片/旋转木马自动开始。目前,它只在一个人点击其中一个导航箭头时开始循环/滑动,我希望它开始滑动,而不必首先进行任何手动操作,例如在页面加载后自动循环。有什么想法吗?很好,但是所有的插件都加载了。bootstrap.min.js只不过是一个完整的列表插件,把它们放在一起并缩小了。这是我的想法,但我不确定。我只是通过一个rails gem与bootstrap进行了交互,它将引导程序放入了资产管道中,哈哈。我建议看一下下面提到的baptme脚本。根据docs(),您所要做的就是在jQuery对象上调用.carousel(),该对象在DocumentReady上引用您的carousel元素,它应该自动滚动。我正在一个我正在写的网站上使用旋转木马,这就是我在页面加载时将其发送到autoscroll所要做的一切。我找到了问题的来源(更新的答案)+1帮助我找到了问题。