0

他の質問を読みましたが、答えがうまくいかないようです。ブートストラップ カルーセルで [次へ] ボタンと [前へ] ボタンが機能しません。.js ファイルを再編成し、さまざまなバージョンの jquery を使用するトリップ。何もない。どんな助けでも大歓迎です。

<div class="container">
    <div class="row-fluid">
        <div class="span 12 pagination-centered">

            <div id="myCarousel" class="carousel slide">
                   <!--Carousel Items-->
                               <div class="carousel-inner">
                                    <div class="active item"><img src="img/bfgn.png" height="300" width="300" alt="bfgn" /></div>
                                        <div class="item"><img src="img/ft.png" height="300" width="300" alt="ft" /></div>
                               </div>
                    <!--Carousel Nav-->
                               <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
                               <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
        </div>
        </div>
    </div>

最後に、私の js リストを次に示します。

    <!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/bootstrap-carousel.js"></script>
<script src="js/bootstrap-alert.js"></script>
<script src="js/bootstrap-modal.js"></script>
<script src="js/bootstrap-dropdown.js"></script>
<script src="js/bootstrap-scrollspy.js"></script>
<script src="js/bootstrap-tab.js"></script>
<script src="js/bootstrap-tooltip.js"></script>
<script src="js/bootstrap-popover.js"></script>
<script src="js/bootstrap-button.js"></script>
<script src="js/bootstrap-collapse.js"></script>
<script src="js/bootstrap-transition.js"></script>
<script src="js/bootstrap-typeahead.js"></script>
4

2 に答える 2

0

カルーセルを挿入するとき、それがカルーセルであることを示すものは何divですか?

の直後(基本的にはカルーセル コードの直後)にこれを追加する必要があります。<div id="myCarousel" class="carousel slide"></div>

<script>
 $('.carousel').carousel();
</script>

または、少しクリエイティブな気分なら、次のようなこともできます。

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

4000 ミリ秒は、各スライドを表示したい長さに変更できます。

お役に立てば幸いです。そうでない場合は、以下のコメントで他の方法でお手伝いできるかどうかお知らせください。

于 2013-08-02T00:36:52.390 に答える