Jquery 在twitter bootstrap v2.3.0的最后一张幻灯片上停止旋转木马

我一直在四处寻找，似乎找不到明确的答案。我有5张图片，我希望它在最后一张幻灯片结束时停止

代码如下：

<!-- begin: carousel -->
        <section id="carousel">
              <div id="myCarousel" class="carousel slide">
                <div class="carousel-inner">
                  <div class="item active">
                    <img src="img/slider/fake1.jpg" alt="">
                    <div class="carousel-caption">
                      <h4>First Thumbnail label</h4>
                      <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                    </div>
                  </div>
                  <div class="item">
                    <img src="img/slider/fake2.jpg" alt="">
                    <div class="carousel-caption">
                      <h4>Second Thumbnail label</h4>
                      <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                    </div>
                  </div>
                  <div class="item">
                    <img src="img/slider/fake3.jpg" alt="">
                    <div class="carousel-caption">
                      <h4>Third Thumbnail label</h4>
                      <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                    </div>
                  </div>
                  <div class="item">
                    <img src="img/slider/fake4.jpg" alt="">
                    <div class="carousel-caption">
                      <h4>Third Thumbnail label</h4>
                      <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                    </div>
                  </div>
                  <div class="item">
                    <img src="img/slider/fake5.jpg" alt="">
                    <div class="carousel-caption">
                      <h4>Third Thumbnail label</h4>
                      <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                    </div>
                  </div>
                </div>
              </div>
        </section>
        <!-- end: carousel -->

第一个缩略图标签
我是奥迪奥先生，我是艾格斯塔·艾格特·奎姆先生。Donec在eget metus为非mi porta孕妇确定了最佳身份。我不知道是谁干的，我不知道是谁干的

第二个缩略图标签
我是奥迪奥先生，我是艾格斯塔·艾格特·奎姆先生。Donec在eget metus为非mi porta孕妇确定了最佳身份。我不知道是谁干的，我不知道是谁干的

第三个缩略图标签
我是奥迪奥先生，我是艾格斯塔·艾格特·奎姆先生。Donec在eget metus为非mi porta孕妇确定了最佳身份。我不知道是谁干的，我不知道是谁干的

第三个缩略图标签
我是奥迪奥先生，我是艾格斯塔·艾格特·奎姆先生。Donec在eget metus为非mi porta孕妇确定了最佳身份。我不知道是谁干的，我不知道是谁干的

第三个缩略图标签
我是奥迪奥先生，我是艾格斯塔·艾格特·奎姆先生。Donec在eget metus为非mi porta孕妇确定了最佳身份。我不知道是谁干的，我不知道是谁干的

这是我的JS

<script>
  !function ($) {
    $(function(){
      // carousel demo
      $('#myCarousel').carousel(
        {
            interval: 3000,
            pause: 'hover'
        }
      )
    })
  }(window.jQuery)
</script>

!函数（$）{
$（函数（）{
//旋转木马演示
$（'myCarousel'）。carousel(
{
间隔时间：3000，
暂停：“悬停”
}
)
})
}（window.jQuery）

提前谢谢

---

我尝试添加

cycle:true

和

clycle:“true”

，但它仍然运行，第三张幻灯片运行了两次（显然对于幻灯片4和5），然后又返回到1。

在旋转木马的“滑动”事件上挂起一个钩子（滑动后触发），当最后一张幻灯片处于活动状态时，暂停旋转木马，如：

$('#myCarousel').bind('slid', function(e) {
    var c = e.target;
    if($(c).find('.item:last').hasClass('active')) {
        $('#myCarousel').carousel('pause');
    }
});

---

这里有一个

@Shail，刚刚添加了一个基本的小提琴谢谢。我今天早上真的遇到了。这很奇怪，因为它在IE8上不适合我。不确定它是否与IE9兼容，因为我的机器上没有。还有人知道为什么它在IE8上不起作用吗？这并不能停止循环，说得对。我在mac电脑上，所以不能在IE上测试。我会在家用电脑上检查。