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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM