각 탭 안에서 Swiper 동작시 에러현상

각각의 탭 메뉴에서 Swiper를 사용시 두 번째 탭에서는 제대로 동작하지 않는 문제

 

TAB 메뉴를 만들 때 두 번째 이상 나오는 탭들은 'display:none' 시키기 때문에 가로 값을 제대로 가져오지 못함

강제로 가로 사이즈를 맞춰도 되긴 하지만 이럴 땐 슬라이더가 불러올 때마다 새로 고칠수 있게 2개의 값만 넣어 주면 됨.

observer: true,
observeParents: true,

 

Swiper 홈페이지에서 다양한 스와이퍼 API의 파라메터를 확인할 수 있으니 참고해보세요.

출처: https://blue2310.tistory.com/4702 [김군의 생각하는노리터]