如何制作bootstrap carousel touch slide？

Question

你如何制作自举旋转木马滑动？

有办法吗？调整该代码以使手指交换幻灯片？

以下是carousel

Answer 1

下载jQuery＆amp;来自http://jquery.com/和http://jquerymobile.com/

的jQuery移动库

在您的网站中包含jQuery移动库          

jQuery移动库为您提供触摸支持。您可以添加以下代码

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

Answer 2

对于所有使用类：

使用Hammer.js

https://github.com/hammerjs/hammer.js

和jquery.hammer.js

https://github.com/hammerjs/jquery.hammer.js

$('.carousel').hammer().bind('swipeleft', function (event)   {
   $(event.target).carousel('next');
});

$('.carousel').hammer().bind('swiperight', function (event) {
   $(event.target).carousel('prev');
});