bootstrap轮播如何支持移动端滑动手势

待我称王封你为后i 2021-12-15 11:39 384阅读 0赞

1.下载滑动手势 js 插件：hammer.js

//cdn.bootcss.com/hammer.js/2.0.8/hammer.min.js

2.写一个javascript命令调用hammer.js中的swipe功能

  1. <script>
  2.             $(function(){
  3.                 //添加移动端滑动
  4.                 var myElement= document.getElementById('myCarousel')//id为轮播的id
  5.                 var hm=new Hammer(myElement);
  6.                 hm.on("swipeleft",function(){
  7.                     $('#myCarousel').carousel('next')
  8.                 })
  9.                 hm.on("swiperight",function(){
  10.                     $('#myCarousel').carousel('prev')
  11.                 })
  12.             })
  13.         </script>

转载于:https://www.cnblogs.com/duanzhenzhen/p/11124980.html

发表评论

表情：
评论列表 （有 0 条评论，384人围观）

还没有评论，来说两句吧...

相关阅读