2012-05-19 108 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)。 –