为什么我的旋转木马不转了?

Why doesn't my carousel work?

本文关键字：我的 旋转木马 为什么      更新时间：2023-09-26

我的旋转木马不会自动滑动。我只能点击我的照片。奇怪的是，在某一点上，我可以发誓它确实有效。我只是不知道从那以后我还能改变什么。

下面是我的代码:

 <div class="row-fluid">
    <div id="slider" class="span5" style="padding:15px;" >
    <div class="carousel slide" style="border:#fff 3px solid;" id="treatments">
    <div class="carousel-inner">
    <div class="item active">
    <img src="img/sliderpic1.jpg" alt="massage">
    </div>
    <div class="item">
    <img src="img/sliderpic2.jpg" alt="pedicure">
    </div>
    <div class="item">
    <img src="img/sliderpic3.jpg" alt="waxing">
    </div>
    </div>
    </div>
    <a href="#treatments" class="left carousel-control" data-slide="prev">&lsaquo;</a>
    <a href="#treatments" class="right carousel-control" data-slide="next">&raquo;</a>
    </div>
    <img src="img/logos.png" class="img-rounded">
    </div>

Then just before the close body tag:
    <script type="text/javascript">
    $('.carousel').carousel({
      interval: 1200
  });
    </script>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script src="js/bootstrap.js"></script>

提前感谢您的所有帮助，非常感谢!

在包含jQuery之前，您已经设置了carousel。替换<script>标签:

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="js/bootstrap.js"></script>
<script type="text/javascript">
    $('.carousel').carousel({
        interval: 1200
    });
</script>
相关文章：