旋转木马在最后一张幻灯片后停止并且不循环答案

【问题标题】：Carousel stops after last slide and doesn't cycle旋转木马在最后一张幻灯片后停止并且不循环
【发布时间】：2013-10-24 19:05:59
【问题描述】：

我正在为客户制作网站并使用引导程序构建轮播。我为此使用 Bootstrap 3.0。我在这里查看了与我类似的情况，但我发现的两个类似案例没有答案。

这是网址：http://realtormatchaz.com/

一切正常，除了在 js 中，当旋转木马碰到最后一张幻灯片时，必须有什么东西可以阻止旋转木马循环。很确定这是一个简单的修复，但我还不太擅长 js。

提前致谢，如果您需要任何代码，请告诉我！

编辑：

老实说，我从原始引导 js 中唯一改变的就是间隔

Carousel.DEFAULTS = {
interval: 7000, 
pause: 'hover',
wrap: true
}

这是标记的代码：

<div id="main-slider" class="carousel slide" data-ride="carousel">
      <!-- Wrapper for slides -->
      <div class="carousel-inner">
        <div class="item active span12">
          <div class="slider-imagery fadeIn fadeIn-3s fadeIn-Delay-3s">
            <img src="http://realtormatchaz.com/wp-content/themes/wpbootstrap/img/slider-1.png" width="100%" />
          </div>
        </div>
        <div class="item span12">
          <div class="slider-imagery fadeIn fadeIn-3s fadeIn-Delay-3s">
            <img src="http://realtormatchaz.com/wp-content/themes/wpbootstrap/img/slider-2.png" width="100%"/>
          </div>
        </div>
      </div>

      <!-- Controls -->
      <a class="left carousel-control" href="#main-slider" data-slide="prev">
        <span class="icon-prev"></span>
      </a>
      <a class="right carousel-control" href="#main-slider" data-slide="next">
        <span class="icon-next"></span>
      </a>
   </div>

【问题讨论】：

旋转木马在哪里？
顶部的...滑块？这是一个旋转木马......
现在是循环，但在过渡中途中断了......我就像熟练到危险的我认为哈哈
老实说，我从原始引导 js 中唯一改变的是间隔 Carousel.DEFAULTS = { interval: 7000 , pause: 'hover' , wrap: true }
如果您删除其中任何一个，问题会消失吗？控制台有错误吗？

标签： javascript twitter-bootstrap carousel

【解决方案1】：

当我加载页面时：

Uncaught TypeError: Property '$' of object [object Object] is not a function

似乎$不在作用域内，可能是因为the DOM isn't ready yet。

尝试像这样包装它：

jQuery（函数（$）{ $('.carousel').carousel({ 间隔：4000 }); });

【讨论】：