页面加载时Twitter Bootstrap Carousel循环

Question

我在使用Twitter Bootstrap Carousel在页面加载时以所需的设置定时速率自动开始循环时遇到问题。

任何人帮助指出我做错了请＆gt; http://phraseological.co.uk/？

Answer 1

您可以通过添加以下代码来更改轮播的速度：

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

http://twitter.github.com/bootstrap/javascript.html#carousel

删除第289行：

<script src="./Phraseological SEO, SEO IS WHERE SEO IS HERE_files/jquery.js"></script>

删除第325行：

<script src="./Phraseological SEO, SEO IS WHERE SEO IS HERE_files/jquery.min(1).js"></script>

删除第326行：

<script>window.jQuery || document.write('<script src="js/jquery-1.7.2.min.js"><\/script>')</script>

删除第328行：

<script src="./Phraseological SEO, SEO IS WHERE SEO IS HERE_files/bootstrap.min.js"></script>

它将起作用（测试）

Answer 2

当我使用Chrome的开发者工具打开页面时，我收到bootstrap.min.js的资源错误（404）。确保正确包含bootstrap的核心js文件。其余的bootstrap插件似乎都可以正常加载。

这可能与您何时包含某些内容有关。确保您正在使用其他问题中提到的代码片段来自动启动轮播，但只有在页面/ DOM完全初始化后才会启动，因此div.carousel元素存在。

Answer 3

要自动启动循环，您只需在您的脚本中添加interval：true即可。

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