1

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

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

当我在本地主机上尝试时，我得到

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

我真的没有什么可尝试的了，我确保：

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

任何建议都非常感谢

4

2 回答 2

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-controldata-targetid#carousel-example-genericid#carousel-example-captions

它在这里工作：http: //jsfiddle.net/m5HBa/2/

于 2013-09-11T15:24:58.270 回答
0

首先，您需要设置指标和控件的“id”，与您在轮播的第一个 div 上放置的“id”相同。

之后，您需要在轮播中旋转的所有数据都需要在 tag 的 tag 内。您所做的是在代码中放置了 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>
于 2013-09-11T15:54:10.957 回答