滑入Bootstrap 3 Carousel不起作用

Question

我是Bootstrap的新手，我正在尝试使用图像轮播，问题是轮播项目之间没有平滑滑动，所以它在没有过渡动画的情况下从一个项目切换到另一个项目。“ p>

请查看实时演示here

jQuery代码：

$(document).ready(function() {
    $('.carousel').carousel({
      interval: 2000
    });
});

JS文件：

 <script src="js/jquery-1.9.1.js"></script>
 <script src="js/bootstrap.js"></script>
 <script src="js/custom.js"></script>

谢谢！

Answer 1

您正在使用1.9.1 js文件

和bootstrap正在使用1.11.1

https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js

用1.11.1 js替换1.9.1 js

Answer 2

我认为你刚刚加入了自定义bootstrap js文件（ Carousel功能 js）...你还必须下载 Transitions js以获得滑动效果..请参阅bootstrap自定义页面并下载轮播功能和转换 ..它会正常工作