Question

我通读了其他问题，答案似乎没有奏效。下一个和上一个按钮在我的bootstrap轮播中不起作用。 Trip重新组织.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>

Answer 1

这是你的自定义JS吗？如果没有，请尝试删除此代码：

     script src="js/bootstrap.js"

Answer 2

当你插入旋转木马时，是什么告诉它它是一个旋转木马，而不只是你坐在那里的随机div？

您应该在<div id="myCarousel" class="carousel slide"> </div>之后立即添加（基本上是在轮播代码之后）：

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

或者，如果您的感觉有点创意，您可以执行以下操作：

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

您可以将4000毫秒更改为您想要显示每张幻灯片的时间。

我希望我能帮助你。如果没有，请在下面的评论中以任何其他方式帮助我。

转盘不在引导程序中工作

2 个答案: