javascript - 轮播在最后一张幻灯片后停止并且不循环

Question

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

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

一切工作正常，除了在 js 中，当轮播到达最后一张幻灯片时，必须有某种东西阻止轮播循环。很确定这是一个简单的修复，但我还不太擅长 js。

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

编辑:

老实说，我对原始 bootstrap 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>

Answer 1

当我加载页面时，我得到:

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

似乎 $ 不在范围内，这可能是因为 the DOM isn't ready yet .

尝试像这样包装它:

jQuery(function( $ ) {  $('.carousel').carousel({    interval: 4000  });});