1

サイトに Twitter Bootstrap-Carousel をインストールしました。それを使用してモジュールのペインをステップ実行できるようにしたかったのですが、interval を false に設定しても機能しません。間隔を空けると、スケジュールどおりに問題なく進みますが、間違っているため、コントロールを使用してスライドを進めることができません。$('.carousel') ではなく ID でコンテナーを選択しているため、それが関係しているかどうかはわかりません。間隔 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 });

私はbootstrap-carousel.js v2.0.3を使用しています

4

1 に答える 1

0

私はあなたと同様のコードを使用しており、すべてが期待どおりに機能します。唯一の違いは次のとおりです。

  • 私は完全なbootstrap.js（v2.0.3）を使用しています（したがって、個々のbootstrap jsファイルではありません）
  • また、「カルーセル」クラスの隣に「スライド」クラスがあります。これがないと、divは変更され、スライドは変更されません。

bootstrap-carousel.jsを使用して失敗した同様の質問への回答を読んだ後、bootstrap-carousel.jsの前にbootstrap-transition.jsも含める必要があると思います。

完全なbootstrap.jsファイルを使用して、それが機能することを確認してから、個々のjsファイルを試してみることをお勧めします。

于 2012-05-21T00:13:22.340 に答える