Question

我正在为客户创建一个站点并使用bootstrap构建一个轮播。我正在使用Bootstrap 3.0。我在这里寻找与我类似的情况，但我找到的两个类似案例都没有答案。

一切都运转良好，除了在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
  });
});

旋转木马在最后一次滑动后停止，不会循环

1 个答案: