2012-05-19 74 views
1

我已经在网站上安装了Twitter Bootstrap-Carousel,我希望能够使用它来浏览模块的窗格,但是,将间隔设置为false不起作用。如果我给它一个时间间隔,它会像预定的一样顺利完成,但作为false我无法使用控件来浏览幻灯片。我通过ID而不是$('。carousel')来选择容器,所以我不知道这与它有什么关系。是否需要另一个模块来提供间隔假功能?Bootstrap Carousel Interval False不工作

我的HTML的一个简单的例子是:

<div class="carousel" id="module-rotator"> 
     <div class="carousel-inner"> 
      <div class="item active">foo</div> 
      <div class="item">bar</div> 
     </div> 
     <a class="carousel-control left" href="#module-rotator" data-slide="prev">&lsaquo;</a> 
     <a class="carousel-control right" href="#module-rotator" data-slide="next">&rsaquo;</a> 
    </div> 

,我初始化这个旋转木马:

$('#module-rotator').carousel({ interval: false }); 

我使用的自举carousel.js V2.0.3

+0

你能展示你使用的代码吗?还要确保你使用的是最新版本的bootstrap(从现在开始v2.0.3) – brodie

+0

好的,我已经添加了上面的示例。 –

+0

看起来这可能是Bootstrap Carousel中的一个错误 – brenjt

回答

0

我我使用类似的代码给你,一切都按预期工作。唯一的区别是;

  • 我使用的是完整的bootstrap.js(V2.0.3)(所以没有单独的引导js文件)
  • 我也有旁边的“旋转木马”类中的“幻灯片”类 - 如果没有这个的divs仍然会改变,只是不会滑动。

阅读的答案类似的问题failed using bootstrap-carousel.js之后,我会怀疑你还需要引导,carousel.js之前,包括自举transition.js

我建议使用完整bootstrap.js文件只是为了验证它的工作原理,然后玩弄个人js文件。

+0

我有bootstrap和bootstrap-carousel,我删除了bootstrap-carousel,但它仍然无法工作。我还验证了我使用的CDN是1.7.2(http://code.jquery.com/jquery-latest.min.js)。 –