Jquery 在Twitter Bootstrap 2.0中控制旋转木马

Jquery 在Twitter Bootstrap 2.0中控制旋转木马,jquery,twitter-bootstrap,jcarousel,Jquery,Twitter Bootstrap,Jcarousel,我正在测试bootstrap 2.0中的新旋转木马功能,但很难使导航箭头正常工作。目前文档有点单薄,我是个新手 这是我的html: <div class="span9"> <div id="myCarousel" class="carousel slide"> <!-- Carousel items --> <div class="carousel-inner"> <div class="item active">

我正在测试bootstrap 2.0中的新旋转木马功能,但很难使导航箭头正常工作。目前文档有点单薄,我是个新手

这是我的html:

<div class="span9">

<div id="myCarousel" class="carousel slide">

  <!-- Carousel items -->
  <div class="carousel-inner">

  <div class="item active">

  <img src="img/testa.jpeg">

  <div class="carousel-caption">

  <h4>First Thumbnail label</h4>
  <p>Blah Blah Blah</p>

  </div><!-- Carousel caption -->

  </div><!-- items -->

  <div class="item">

  <img src="img/testb.jpeg">

  <div class="carousel-caption">

  <h4>First Thumbnail label</h4>
  <p>Blah Blah Blah</p>

  </div><!-- Carousel caption -->

  </div><!-- items -->

  </div><!-- Carousel inner -->

  <!-- Carousel nav -->
  <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>

  <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>


  </div><!-- Carousel -->

</div><!-- span -->
这就行了。但是,当您单击图像时,箭头不会在图像中移动/循环


我肯定我错过了一些简单的东西。谢谢你的帮助

您是否在页面中添加了Transstions库??是插件列表中的最后一个

您是否在页面中添加了Transstions库??是插件列表中的最后一个

我也遇到了类似的问题,发现我的jQuery版本已经过时。也许要确保您运行的是最新版本,引导文档目前运行的是1.7.1版。更新到1.7.1后,“下一个”和“上一个”按钮工作正常。

我遇到了类似的问题,发现我的jQuery版本已经过时。也许要确保您运行的是最新版本,引导文档目前运行的是1.7.1版。更新到1.7.1后,“下一个”和“上一个”按钮工作正常。

旋转木马出现问题,但我让它工作了。现在我不知道如何让它在页面加载后自动在图像中循环。

我的旋转木马有问题,但我让它工作了。现在我不知道如何让它在页面加载后自动循环浏览图像。

显然这是Bootstrap 2.0.1中的一个bug。亚历山大·波斯拉夫斯基在回答这个问题的另一个版本时给出的答案对我来说很有用

以下是他的答案:

要点——删除或注释掉bootstrap-carousel.js中的第86行:

if (!$next.length) return

显然这是Bootstrap2.0.1中的一个bug。亚历山大·波斯拉夫斯基在回答这个问题的另一个版本时给出的答案对我来说很有用

以下是他的答案:

要点——删除或注释掉bootstrap-carousel.js中的第86行:

if (!$next.length) return

我正在运行bootstrap.js中的代码(您也可以在bootstrap carousel.js中查看),这是因为如果您在列表中的最后一项上,slide方法的代码将返回

如果删除以下内容,则效果良好:

if (!$next.length) return

正如David Cochran所说。

我正在运行bootstrap.js中的代码(您也可以查看bootstrap carousel.js),这是因为如果您位于列表中的最后一项,幻灯片方法的代码将返回

如果删除以下内容,则效果良好:

if (!$next.length) return

正如大卫·科克伦所说。

今天也有同样的问题。我的解决方案:

  • had必须使用jQuery 1.7.1(而不是1.6.4)
  • 必须包括bootstrap-transition.js

我的问题:如何阻止转盘自动播放今天出现同样的问题。我的解决方案:

  • had必须使用jQuery 1.7.1(而不是1.6.4)
  • 必须包括bootstrap-transition.js

我的问题:如何阻止旋转木马自动播放

是-我已链接到js/bootstrap-transition.js。不过,这似乎并不重要。旋转木马确实循环照片,但导航不起作用……也许有人可以解释一下它是如何工作的:是的,我已经链接到了js/bootstrap-transition.js。不过,这似乎并不重要。旋转木马确实循环照片,但导航不起作用……也许有人可以解释一下它是如何工作的: