如何使Bootstrap传送带滑块使用移动的向左/向右滑动

Question

3. slide-to="2" data-target="#sidebar-carousel-1">

我想做的只是为移动设备添加左/右触摸滑动功能。我怎样才能做到这一点？

另外，如何使显示在悬停时的上一个/下一个按钮变小，以用于移动/ ipad版本？

谢谢

Answer 1

更新：

当我刚接触Web设计时，我想到了此解决方案。既然我年纪大一些又聪明了， 马克·希尔拉迪 （ Mark Shiraldi）
给出的答案似乎是一个更好的选择。参见下一个最佳答案；这是一个更有效率的解决方案。

我最近参与了一个项目，此示例运行良好。我给你下面的链接。

首先，您必须添加jQuery mobile：

这增加了触摸功能，然后您只需要进行诸如滑动的事件：

<script>
$(document).ready(function() {
   $("#myCarousel").swiperight(function() {
      $(this).carousel('prev');
    });
   $("#myCarousel").swipeleft(function() {
      $(this).carousel('next');
   });
});
</script>