bootstrap大圖輪播手機端不能手指滑動解決辦法

網上看了很多解決辦法，幾乎本質都是一樣的，都是引入一個滑動的js插件，加入一段js代碼，即可生效，但是我試了hammer.js 和 touchSwipe.js 都不生效，也找不到原因是什么，目前在網上就找到 toucher.js 可以實現，貼到博客，留作備用：

<script>
    $(function(){
        var myTouch = util.toucher(document.getElementById('carousel-index'));
        myTouch.on('swipeLeft',function(e){
            $('.right').click();
        }).on('swipeRight',function(e){
            $('.left').click();
        });
    })
</script>

獲取的id為整個大圖輪播最外層的id，

$('.right')、$('.left') 為左右點擊箭頭的類名，如輪播不需要左右箭頭，給箭頭加 display:none; 就可以。
親測很實用！

參考鏈接：http://blog.csdn.net/wmwyyx/article/details/46608893