0

我在使用 Twitter Bootstrap 轮播时遇到问题。

javascript 似乎没有加载。它在我的本地开发人员上运行良好，但当我将其推送到服务器时却不行。

    <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>
4

2 回答 2

5

切换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>
于 2013-08-23T09:30:26.987 回答
4

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

于 2013-08-23T09:17:01.493 回答