javascript - Twitter ブートストラップカルーセルがスライドしない

Question

興味深い問題に遭遇しました。答えは非常に簡単だと確信していますが、私はそれを理解できなかったので、助けを探すことにしました。

基本的に、カルーセルはスライドしません。イメージを切り替えるだけです。ブートストラップサイトから自分のページに正確な HTML をコピーしようとしても、まだスライドしません。application.js では、初期化にも引数がありません。

// carousel demo
$('#myCarousel').carousel()

pref/next ボタンをクリックすると、各項目に next および prev クラスが追加されることに気付きましたが、私の場合は同じことをしていないようです。デバッグしても問題はありませんでした。

私は何が欠けていますか？これを最新の Chrome と Safari の両方でテストしました。

score 44 · Accepted Answer

bootstrap-transition次のように、スライドが機能するように追加する必要もあります。

<script src="twitter-bootstrap-v2/docs/assets/js/bootstrap-transition.js"></script>

score 24 · Accepted Answer

私は同じ問題を抱えていましたが、ブートストラップ v2.0.3 (トランジションがバンドルされています) では、カルーセル div にスライドクラスを追加することになりました。

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

次に、次のように呼び出します。

$('#myCarousel').carousel();

score 1 · Accepted Answer

私はあなたが必要だと思います

$('#myCarousel').carousel('cycle');

score 0 · Accepted Answer

<script>そのJavaScriptをタグに入れるだけですか？

<script>
    $('.carousel').carousel({
        interval: 1000
    });
</script>

score 0 · Accepted Answer

これが実際の例です。それはおそらくあなたが見逃しているマイナーなものです。 http://jsfiddle.net/chapmanc/Vza6F/1/

score -2 · Accepted Answer

含めたcssファイルを確認してください。bootstrap.min.css に加えて、bootstrap.css ファイルも追加してみてください。それは私のために働いた。

javascript - Twitter ブートストラップ カルーセルがスライドしない