Question

我在Twitter Bootstrap轮播中遇到问题。

javascript似乎无法加载。它在我的本地dev上工作正常，但是当我将它推送到服务器时却没有。

    <script src="assets/js/bootstrap-carousel.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/bootstrap-carousel.js"></script>
<script src="assets/js/jquery.countdown.js"></script>
<script src="assets/js/script.js"></script>
<script>
  $(document).ready(function(){
    $('.carousel').carousel({
      interval: 6000,
      pause: "hover"
    });

      $(".carousel-inner > .item:first").addClass('active');



    $("#nav select").change(function() { window.location = $(this).find("option:selected").val(); });
  });
</script>

Answer 1

切换js文件的序列

像这样

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="assets/js/bootstrap-carousel.js"></script>

而不是

<script src="assets/js/bootstrap-carousel.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

Answer 2

您必须在加载轮播之前的第一项上设置active class。否则，它将失败。

Twitter Bootstrap Carousel未加载

2 个答案: