Bootstrap Carousel不会自动滑动

Question

我正在使用Twitter的旋转木马(最新版本)引导程序,我已经开始工作了 - 除了它没有开始自动滑动.单击其中一个导航按钮后,它可以正常工作.不知道为什么会这样做.

这是标题中的我的JS设置:

    <script type="text/javascript" src="<?php echo tz_JS . '/bootstrap/jquery.js'; ?>"></script>

<script type="text/javascript" src="<?php echo tz_JS . '/bootstrap/bootstrap-carousel.js'; ?>"></script>
<script type="text/javascript" src="<?php echo tz_JS . '/bootstrap/bootstrap-transition.js'; ?>"></script>

和HTML:

<div id="myCarousel" class="carousel slide">
<div class="carousel-inner">

    <div class="active item">
    <div class="image-position-right">
        <a href="#"><img src="validimagelink.jpg" width="920" height="550" alt=""></a>
    </div>
    </div>


    <div class="item">
    <div class="image-position-right">
        <a href="#"><img src="validimagelink.jpg" width="920" height="550" alt=""></a>
    </div>
    </div>

</div>

<a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">›</a>

也只是添加这个无济于事:

<script>
$('#myCarousel').carousel({
    interval: 1200
});
</script>

完成上述更改后,javascript控制台会说:

未捕获的TypeError:Object#没有方法'carousel'(匿名函数)b.extend.ready jquery.min.js:29 u

为什么这不起作用的任何想法？

Answer 1

<script type="text/javascript">
  $(document).ready(function() {
    $('.carousel').carousel({
      interval: 1200
    })
  });
</script>

如果它仍然无法正常工作,请在浏览器(firebug/chrome ..)控制台中查找潜在错误.

对于

Uncaught TypeError: Object # has no method 'carousel' (anonymous function) b.extend.ready jquery.min.js:29 u

确保:

只包含一个jQuery

仅包含一个bootstrap-carousel.js或bootstrap.js.

首先包含jQuery,然后是bootstrap-carousel.js或bootstrap.js,然后是$(document).ready(...