캐러셀 슬라이드 모바일 터치 오류

[손석호]

안녕하세요. 선생님

var swipestart = 0;
        var click = false;
        var cnt = $('.slide-box');
        cnt.each((i,v)=>{
          $('.slide-box').eq(i).on('touchstart', function(e) {
                
                swipestart = e.touches[i].clientX;
                click = true;
            })
            $('.slide-box').eq(i).on('touchmove', function(e) {
                if (click == true) {
                    console.log(e.touches[i].clientX - swipestart);
                    $('.slide-container').css('transform', `translateX(calc(${e.touches[i].clientX - swipestart}px - ${i}00vw))`)
                }
                
            })
            $('.slide-box').eq(i).on('touchend', function(e) {
                click = false;
                if (i == 0) {
                    
                    if((e.changedTouches[i].clientX - swipestart) < -200){
                      $('.slide-container').css('transition', 'all 0.5s')
                      $('.slide-container').css('transform', `translateX(0vw)`)
                    }else{
                      $('.slide-container').css('transition', 'all 0.5s')
                      $('.slide-container').css('transform', `translateX(-${i+1}00vw)`)
                      
                    }
                } 
                  
                if((e.changedTouches[i].clientX - swipestart) < -200){
                  $('.slide-container').css('transition', 'all 0.5s')
                  $('.slide-container').css('transform', `translateX(-${i+1}00vw)`)
                } else if((e.changedTouches[i].clientX - swipestart) > 200){
                  
                  $('.slide-container').css('trasnsition', 'all 0.5s')
                  $('.slide-container').css('transform', `translateX(-${i-1}00vw)`)
                } else {
                  $('.slide-container').css('transition', 'all 0.5s')
                  $('.slide-container').css('transform', `translateX(-${i}00vw)`)
                }
            })
        })


이런식으로 코드 짯는데
말씀해주신 것처럼 touchend 에서는 e.clientX 을 e.changedTouches[i].clientX 로 바꿨는데

Uncaught TypeError: Cannot read properties of undefined (reading 'clientX') 에러가 뜨는데
이건 도저히 감이 안잡히는게 뭐가 문제일까요?

• 이 게시글은 손석호에 의해 1 년 전에 수정됐습니다.

[codingapple]

.clientX 왼쪽에 있는게 비어있나봅니다 출력부터 해봅시다

[글쓴이]

글