Twitter Bootstrap Carousel不滑动

jum*_*noz 23 javascript image slideshow carousel twitter-bootstrap

我遇到了一个有趣的问题.我很确定答案非常简单,但我无法理解,所以我想我寻求一些帮助.

基本上,我的旋转木马不会滑动.它只是切换图像.我甚至尝试将确切的HTML从引导站点复制到我自己的页面中,但它仍然没有滑动.在application.js中,初始化也没有参数.

// carousel demo
$('#myCarousel').carousel()
Run Code Online (Sandbox Code Playgroud)

我注意到单击pref/next按钮时会将next和prev类添加到每个项目中,但它似乎对我的内容没有做同样的事情.调试时我没有看到任何错误.

我错过了什么?我在最新的Chrome和Safari中测试了这个.

gab*_*r12 44

您还必须添加bootstrap-transition滑动才能工作,如下所示:

<script src="twitter-bootstrap-v2/docs/assets/js/bootstrap-transition.js"></script>
Run Code Online (Sandbox Code Playgroud)

  • 仅当使用非缩小版本的bootstrap.js时才会出现这种情况.缩小的包括转换代码. (3认同)

小智 24

我有同样的问题,但使用bootstrap v2.0.3(已捆绑过渡),最终将幻灯片类添加到轮播div

<div id="myCarousel" class="carousel slide">
Run Code Online (Sandbox Code Playgroud)

然后你打电话:

$('#myCarousel').carousel();
Run Code Online (Sandbox Code Playgroud)