본문 바로가기
Frontend/Libraries

[Swiper] 스와이퍼 버벅대는 현상(js 중복)

by 디스코비스킷 2024. 5. 7.
반응형

메인페이지에서
loop를 설정해서 슬라이드가 duplicate되어
무한으로 쭉쭉 돌아가는 스와이퍼를 설정했다.

로컬에서 문제 없이 잘 돌아갔는데
서버에서는 버벅이는 현상이 발견됐다.

슬라이드가 갑자기 뒤로 가고 앞으로가다가 다시 뒤로가기를 반복했다.
문제가 될만한 swiper가 있었나, 하고 쓸데없는 옵션을 주석처리 하기도 했고

duplicate 문제인가 싶어서 loopedSlides: 1을 추가해봐도
버벅이는 현상은 달라지지 않았다.

같은 스와이퍼를 메인에도 쓰고 서브페이지에서도 썼다.
메인페이지에서 js파일 목록을 보니 main.js와 sub.js가 동시에 있는것을 발견하였다. (;;;)
스와이퍼 생성 부분이 중복되어 영향을 받은듯하다.

서브페이지에서는 main.js를 불러오지 않길래
main.js에서 해당 swiper부분을 주석처리해서 문제해결을 했다.
(메인페이지에서 sub.js를 안쓰면 안되나요? ... 답이 없었다.)

반응형

최근댓글

최근글

© Copyright 2023 jngmnj