首页 > 移动平台 > 详细

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

时间:2019-07-03 10:58:18      阅读:135      评论:0      收藏:0      [点我收藏+]

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

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

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

        <script>
            $(function(){
                //添加移动端滑动
                var myElement= document.getElementById(‘myCarousel‘)//id为轮播的id
                var hm=new Hammer(myElement);
                hm.on("swipeleft",function(){
                    $(‘#myCarousel‘).carousel(‘next‘)
                })
                hm.on("swiperight",function(){
                    $(‘#myCarousel‘).carousel(‘prev‘)
                })
            })
        </script>

 

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

原文:https://www.cnblogs.com/duanzhenzhen/p/11124980.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!