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

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

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

  解决方法就是:

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

  然后在head中加载以后,通过 jsswipe 功能调用出来就可以了,下面是 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