javascript - Bootstrap Carousel - スライドのカウントを取得する方法

Question

以下の投稿と同じクエリがありますが、うまくいきませんでした。

カルーセル - Twitter BootStrap ; [前へ] または [次へ] ボタンを非表示にします。

1. スライド/スライドイベントをキャッチして、最初の画像がいつ終了したかを判断し、「前の」コントロールを追加しますか?
2. 途中でカウンターをインクリメントしながら、slide/slide イベントをキャッチし続けます。カウンターが画像のリストと同じになったら、「次へ」コントロールを削除できます

これが私のjsfidleです

<div id="myCarousel" class="carousel slide">
            <div class="carousel-inner">
                <div class="carousel-inner">
              <div class="active item"><img src="http://twitter.github.io/bootstrap/assets/img/bootstrap-mdo-sfmoma-01.jpg">
              </div>
              <div class="item"><img src="http://twitter.github.io/bootstrap/assets/img/bootstrap-mdo-sfmoma-02.jpg"></div>
              <div class="item"><img src="http://twitter.github.io/bootstrap/assets/img/bootstrap-mdo-sfmoma-03.jpg"></div>
            </div>
            </div>
            <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
        </div>

$(document).ready(function () {

    // -------- Initialise Carousel -------- //
   $('.carousel').each(function(){
        $(this).carousel({
            interval: false
        })
    });
});