javascript - 错误changeTouches[0].pageX - 未捕获的类型错误: Cannot read property '0' of undefined

Question

我对 Javascript/jQuery 不是很了解，而且我在代码方面遇到了很多麻烦。

我做的是轮播移动设备，但控制台在“changedTouches [0] .pageX”部分显示“Uncaught TypeError: Can not read property '0' of undefined”

有人可以帮助我吗？

    CarouselCMS.prototype.mobileNav = function() {
    var that = this,
        diff = 0;
    this.$element.bind('touchstart', function(e){
        var initialX = e.changedTouches[0].pageX;
            initialY = e.changedTouches[0].pageY;
            dragging = true;
        that.$element.bind('touchmove', function(e) {
            if(Math.abs(initialY - e.changedTouches[0].pageY) < 10 || dragging == true) {
                if(Math.abs(initialX - e.changedTouches[0].pageX) > 10 ){
                    that.$container.css("transition", "none");
                    $('body').css('overflow-y','hidden');
                    dragging = true;
                    var translate = that.translateCalc();
                    diff = initialX - e.changedTouches[0].pageX;
                    translate -= diff;
                    that.$container.css("transform","translateX("+translate+"px)");
                    console.log('x');
                }
                e.preventDefault();
            }else {
                diff = 0;
                that.$element.unbind('touchmove');
            }
        });
    });
    this.$element.bind('touchend', function(){
        that.$element.unbind('touchmove');
        $('body').css('overflow-y','auto');
        that.$container.css("transition", "transform "+(that.options.speed/1000)+"s linear");
        if(diff > 100){
            that.next();
        }else if(diff < -100){
            that.prev();
        }
        diff = 0;
        that.moveSlider();
    });
}

Answer 1

jQuery Event 对象没有changedTouches 属性。

改为使用:

e.originalEvent.changedTouches[0]