Bootstrap轮播如何支持移动端左右滑动

 

　　一直觉得 bootstrap 的轮播用起来很好用，代码简单，又支持响应式，

　　但从未想过也不知道 bootstrap 的轮播竟然不支持在手机上左右滑动

 

　　解决方法就是：

　　使用滑动手势 js 插件：hammer.js（百度CDN资源库链接：http://cdn.code.baidu.com/）

　　然后在head中加载以后，通过 js 把 swipe 功能调用出来就可以了，下面是 js 命令调用 hammer.js 中的 swipe 功能代码

<script>
        $(function() {
            var myElement = document.getElementById('carousel-example-generic')
            var hm = new Hammer(myElement);
            hm.on("swipeleft", function() {
                $('#carousel-example-generic').carousel('next')
            })
            hm.on("swiperight", function() {
                $('#carousel-example-generic').carousel('prev')
            })
        })
</script>

 

 

　　原文出处链接：http://www.cnblogs.com/ytkah/p/5624142.html