Bootstrap 为Carousel在移动端中添加滑动功能[转]

var isTouch=(\'ontouchstart\' in window);
if(isTouch){
    $(".carousel").on(\'touchstart\', function(e){
        var that=$(this);
        var touch = e.originalEvent.changedTouches[0];
        var startX = touch.pageX;
        var startY = touch.pageY;
        $(document).on(\'touchmove\',function(e){
            touch = e.originalEvent.touches[0] ||e.originalEvent.changedTouches[0];
            var endX=touch.pageX - startX;
            var endY=touch.pageY - startY;
            if(Math.abs(endY)<Math.abs(endX)){
                if(endX > 10){
                    $(this).off(\'touchmove\');
                    that.carousel(\'prev\');
                }else if (endX < -10){
                    $(this).off(\'touchmove\');
                    that.carousel(\'next\');
                }
                return false;
            }
        });
    });
    $(document).on(\'touchend\',function(){
        $(this).off(\'touchmove\');
    });
}

此文章转载于：http://www.jianshu.com/p/ab7e33f2be4a