Question

每当我在包含所有内容的.carousel类上调用$('.carousel').carousel();时，我都会得到这个

我在此处添加了所有代码，因此您可以查看http://jsfiddle.net/m5HBa/

当我尝试使用本地主机时，我得到了

Bootstrap carousel ( TypeError: Object [object Object] has no method 'carousel' )

我真的没有别的可以尝试，我确保：

在bootstrap之前包含最新的jquery
Bootstrap.js确实包含轮播对象（默认情况下）
我的代码在document.ready()

任何建议真的很感激

Answer 1

如果使用正确的语法，它可以正常工作：

<div class="carousel-inner"> <!-- All slides go inside .carousel-inner -->
    <div class="item active">
        <img src="http://i.imm.io/1g9kc.png" alt="..." />
        <div class="carousel-caption">aaaaa</div>
    </div>
    <div class="item">
        <img src="http://i.imm.io/1g9kF.png" alt="..." />
        <div class="carousel-caption">gggggg</div>
    </div>
</div>

href链接的.carousel-control和指标的data-target必须是您的轮播的id。您最初有#carousel-example-generic，但您的轮播id为#carousel-example-captions。

这里有效：http://jsfiddle.net/m5HBa/2/

Answer 2

首先，您需要设置指标和控件的“id”，并将相同的“id”放在旋转木马的第一个div上。

之后，您需要在旋转木马上旋转的所有数据都需要通过标签位于标签内。你所做的是把2“”carousel-inner“放在代码上。

这是一个可能适合您的代码。

<div id="carousel" class="carousel">
<!-- Indicators -->
  <ol class="carousel-indicators">
    <li data-target="#carousel" data-slide-to="0" class="active"></li>
    <li data-target="#carousel" data-slide-to="1"></li>
    <li data-target="#carousel" data-slide-to="2"></li>
  </ol>

<!-- Wrapper for slides -->
<div class="carousel-inner">
    <div class="item active">
      <img src="http://i.imm.io/1g9kc.png" alt="...">
      <div class="carousel-caption">aaaaa</div>
    </div>
     <div class="item">
      <img src="http://i.imm.io/1g9kF.png" alt="...">
          <div class="carousel-caption">gggggg</div>
    </div>
    <div class="item">
      <img src="http://getbootstrap.com/2.3.2/assets/img/bootstrap-mdo-sfmoma-01.jpg"     alt="...">
      <div class="carousel-caption">ccccc</div>
    </div>
 </div>

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

</div>

Bootstrap carousel（TypeError：Object [object Object]没有方法＆＃39; carousel＆＃39;）

2 个答案: