一尘不染

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

css

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

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

谢谢


阅读 338

收藏
2020-05-16

共1个答案

一尘不染

更新:

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

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

首先,您必须添加jQuery mobile:

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

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