web-dev-qa-db-ja.com

Twitter Bootstrapカルーセルがスライドしない

興味深い問題に遭遇しました。答えは非常に単純だと思いますが、理解できなかったので、何か助けを求めようと思いました。

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

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

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

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

javascriptimagetwitter-bootstrapslideshowcarousel
23
juminoz

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

<script src="Twitter-bootstrap-v2/docs/assets/js/bootstrap-transition.js"></script>
44
gabber12

私は同じ問題を抱えていましたが、bootstrap v2.0.3（これにはトランジションがバンドルされています）で、スライドクラスをカルーセルdivに追加してしまいました

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

次に呼び出すだけです：

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

必要だと思います

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

Plsも参照してください： Bootstrap js carouselがページがロードされるとすぐに自動的に循環するようにするにはどうすればよいですか？

1
R Claven

これが実際の例です。それはおそらくあなたの行方不明のマイナーなものです。 http://jsfiddle.net/chapmanc/Vza6F/1/

0
chapman84

そのJavaScriptを<script> 鬼ごっこ？

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