jquery - サイクリングの Twitter ブートストラップ カルーセル ナビゲーションを停止する

Question

カルーサル ナビの中に <a class="carousel-control right" href="#howToBuyCarousel" data-slide="next">&rsaquo;</a>. すでに最後のスライドにいる場合、次のスライドへの移動を無効にできますか。最初のスライドにいる場合も同様です。左に移動して最後のスライドに移動することを無効にしたいと考えています。

Answer 1

この機能は、'slide' イベント ハンドラーで現在アクティブなスライドを手動で確認することで実現できます。

//this function gets called whenever carousel slides

$('#myCarousel').bind('slide', function(){

   var idx = $('#myCarousel .item.active').index();



   if(idx == yourCarouselLength - 1){

     //you have reached the end

     var next = $('#yourCarouselNext');

     // make your button inactive and remove any click handlers if present (pseudocode)

     next.addClass('inactive');

     //or stop automatic cycling, or however you want your carousel to behave


   }else if(idx == 0){

     //you are at the start

     var prev = $('#yourCarouselPrev');

     // make your button inactive and remove any click handlers if present (pseudocode)

     prev.addClass('inactive');

     //or stop automatic cycling, or however you want your carousel to behave

   }


});

'#yourCarouselPrev'とは、カルーセル'#yourCarouselNext'ナビゲーション ボタンの ID です。