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 回答