// 本文所使用的 Bootstrap 版本為 v3.0.3

因為最近開發的專案涉及到移動裝置上的 HTML5 開發，其中需要實現輪播效果。

然後最快捷的方式，你知道的（Bootstrap），然後原生的 Bootstrap 的 carousel.js 外掛並沒有支援手勢。

然後……自己想辦法唄，再然後，就有下面3種解決方案 ：

    $("#carousel-generic").swipeleft(function() {
        $(this).carousel('next');
    });

    $("#carousel-generic").swiperight(function
 
() {
        $(this).carousel('prev');
    });

    $("#carousel-generic").swipe({
        swipeLeft: function() { $(this).carousel('next'); },
        swipeRight: function() { $(this).carousel('prev'); },
    });

    $('#carousel-generic').hammer().on('swipeleft', function(){
        $(this).carousel('next'
 
);
    });

    $('#carousel-generic').hammer().on('swiperight', function(){
        $(this).carousel('prev');
    });

單單為了支援滑動手勢引用 jQuery Mobile 完美！

而 TouchSwipe 在兩邊可點選按鈕區域滑動無效，

選擇了 Hammer。