나를 화나게 한 controller 연동 오류 종류와 해결 한 방법 적어봄.
1) 연동만 시키면 슬라이더 순서가 뒤죽박죽 지멋대로 됨.
1->2->3->4 차례대로 잘 흐르던게 연동만하면
1->3->2->1->...
어이가 없다.
아무리 서칭해봐도 이런 오류를 겪었다는 사람이 없어서
swiper 자체가 미쳤나보다 생각했지만
늘 그러하듯 시스템은 잘못이 없다. ㅠ
사용하는 사람이 문제일 뿐..
계속 노려보니 연동한 두 개의 스와이퍼 모두
autoplay가 걸려있었다.
혹시 이거때문인가 하고
둘 중 하나만 autoplay 옵션을 빼봤다.
잘 돌아감
각자의 autoplay 끼리 박터지게 경쟁중이었나보다..
2) pc에서 브라우저 창 크기를 늘렸다 줄였다 할 때 마다 오류 발생
나처럼 몰컴하다보면 창 크기도 줄였다 늘였다 할 수 있을텐데..
그때마다 스와이퍼가 빠갈나면 참 슬프다.ㅜ....
observer: true
observeParents: true
조건이 바뀔 때 마다 초기화해주는 옵션을 추가하면 끝!
'개발 > javascript' 카테고리의 다른 글
Attribute와 Property의 차이점 + DOM (0) | 2023.02.20 |
---|---|
swiper renderBullet::페이징 커스텀 (이미지 넣기) (4) | 2023.02.16 |
stroke-dasharray / stroke-dashoffset 활용, 애니메이션 만들기 (0) | 2023.02.13 |
swiper controller 연동 오류일 때 (0) | 2023.01.08 |
loopedSlides의 역할 / 파라미터 duplicate 개수란? (0) | 2022.12.28 |