zoukankan      html  css  js  c++  java
  • 让BOOTSTRAP默认SLIDER支持触屏设备

    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://each.sinaapp.com/angular/index.html
  • 相关阅读:
    代码块&继承&final关键字
    Java基础
    我的学习笔记
    CF743C 题解
    洛谷P4180 题解
    洛谷P3402 题解
    洛谷P3919 题解
    Noi.ac#30 题解
    Noi.ac #65题解
    Noi.ac #51题解
  • 原文地址:https://www.cnblogs.com/xfdmb/p/6092720.html
Copyright © 2011-2022 走看看