其他分享
首页 > 其他分享> > bootstrap轮播如何支持移动端滑动手势

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

作者:互联网

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>

 

标签:function,轮播,bootstrap,js,hm,滑动,hammer,myCarousel
来源: https://www.cnblogs.com/duanzhenzhen/p/11124980.html