2 글 보임 - 1 에서 2 까지 (총 2 중에서)
-
글쓴이글
-
2024년 5월 27일 01:11 #124203
손석호참가자안녕하세요. 선생님 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 년 전에 수정됐습니다.
-
이 게시글은
-
글쓴이글
2 글 보임 - 1 에서 2 까지 (총 2 중에서)
- 답변은 로그인 후 가능합니다.