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

发布时间：2020-12-17 21:28:32 所属栏目：安全来源：网络整理

导读：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为轮

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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!