0

Twitter Bootstrap フレームワークを使用してカルーセルを作成していますが、うまくいきません。私のスクリプト/CSS宣言は次のとおりです。

    <link href ="css/bootstrap.css" rel="stylesheet">
    <link href="css/main.css" rel="stylesheet">
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script src="scripts/bootstrap.js" type=text/javascript></script>
    <script>
        $(document).ready(function(){
            $('.carousel').carousel();
        });
    </script>

該当するカルーセル マークアップは次のとおりです。

    <div class="carousel-container">
            <div id="carousel-main" class="carousel slide">
                <div class="carousel-inner">
                    <div class="item active"><img src="slide1.jpg" /></div>
                    <div class="item"><img src="slide2.jpg /"> </div>
                    <div class="item"><img src="slide3.jpg /"> </div>
                </div>
                <a class="carousel-control left" href="carousel-main"
                    data-slide="prev">&lsaquo</a>
                <a class="carousel-control right" href="carousel-main"
                    data-slide="next">&rsaquo</a>
            </div>
        </div>
    </div>

ページを読み込むと、カルーセル以外のすべてのコンテンツが表示されます。どこが間違っていますか？

4

1 に答える 1

2

</div>マークアップの最後に余分な結びがあります..

type="text/javascript"また、ファイルをリンクするときは、引用符を追加することを忘れないでくださいbootstrap.js.. HTML 5 doctype を使用している場合、このtype属性は必要ありません..

また、画像を間違って参照しています:

編集：代わりに：<img src="slide3.jpg /">使用：<img src="slide3.jpg" />

于 2013-02-25T19:30:30.377 に答える