2

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

任何人都可以帮助指出我做错了什么> http://phraseological.co.uk/？

4

3 回答 3

6

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

<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>

它会起作用（经过测试）

于 2012-06-23T16:30:42.043 回答
2

当我使用 Chrome 的开发人员工具打开页面时，我收到 bootstrap.min.js 的资源错误 (404)。确保正确包含引导程序的核心 js 文件。其余的引导插件似乎加载得很好。

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

于 2012-06-23T16:40:10.590 回答
0

要自动启动循环，您只需将 interval:true 添加到脚本中。

<script type="text/javascript">
  $(document).ready(function() {
    $('.carousel').carousel({
      interval: true
    })
  });
</script>
于 2014-08-22T10:45:48.640 回答