ブートストラップでタッチ（またはマウス）でスライド内のスワイプイメージを有効にする方法はありますか？

Question

ブートストラップでタッチスライドを有効にするにはどうすればよいですか？例えば

：this

と、これはjsのスクリプトです：

$(document).ready(function() { 
    $('#myCarousel').carousel({ 
     interval: 4000 
    }); 

    var clickEvent = false; 
    $('#myCarousel').on('click', '.nav a', function() { 
      clickEvent = true; 
      $('.nav li').removeClass('active'); 
      $(this).parent().addClass('active');   
    }).on('slid.bs.carousel', function(e) { 
     if(!clickEvent) { 
      var count = $('.nav').children().length -1; 
      var current = $('.nav li.active'); 
      current.removeClass('active').next().addClass('active'); 
      var id = parseInt(current.data('slide-to')); 
      if(count == id) { 
       $('.nav li').first().addClass('active');  
      } 
     } 
     clickEvent = false; 
    }); 
}); 

それを行うことができますか？

Answer 1

Tutorial

あなたはjQuery Mobileを取得する必要があります。 jQuery Mobileをダウンロード（または作成した後、ファイルサイズを小さくするためにタッチイベントを有効にすることができます。here）。ここで

あなたはカルーセルをスワイプするために使用できるいくつかのコードです：

$(document).ready(function() { 
    $("#myCarousel").swiperight(function() { 
    $("#myCarousel").carousel('prev'); 
    }); 
    $("#myCarousel").swipeleft(function() { 
    $("#myCarousel").carousel('next'); 
    }); 
}); 

は、それが動作願っています。