1

我正在为客户制作网站并使用引导程序构建轮播。我为此使用 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>
4

1 回答 1

0

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

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

似乎$不在范围内，这可能是因为DOM 还没有准备好。

尝试像这样包装它：

jQuery（函数（$）{
  $('.carousel').carousel({
    间隔：4000
  });
});
于 2013-10-24T20:59:22.943 回答