0

私はブートストラップのカルーセルを使用しています。これは、js フォルダーにこのすべてのファイルがあるためです。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap-carousel.js"></script>
<script src="js/bootstrap-transition.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-typeahead.js"></script>

私のカルーセルはこれです。

   <div id="myCarousel" class="carousel slide">
        <!-- Carousel items -->
        <div class="carousel-inner">
            <div class="active item"><img src="img/cabecera/slide1.jpg"></div>
            <div class="item"><img src="img/cabecera/slide3.jpg"></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>

問題は、最初にカルーセルがスライドを通過しないことです。最初に押すと、スライドが単独で移動します。

なにが問題ですか？何かが恋しい。

4

1 に答える 1

1

私が理解しているように、それはここと同じ質問ですページが読み込まれるとすぐにBootstrap jsカルーセルを自動的に循環させるにはどうすればよいですか?

これによると、問題の解決策は少しjsコードです:

$(document).ready(function () {
    $('.carousel').carousel({
        interval: 3000
    });

    $('.carousel').carousel('cycle');
});
于 2013-04-23T12:44:23.947 に答える