swiper 슬라이드 ie9 실행 문제
본문
제가 swiper 3.4.1 버전으로 퍼블리싱 하다가 ie9에서
| 정의되지 않음 또는 null 참조인 'add'.... 이런 오류가 나와서 슬라이드가 완전 깨지더군요. |
그래서 정보 서치 중에
'classList 라는 프로퍼티가 IE10 이상부터 사용 가능하기 때문에 생기는 문제입니다.'
https://www.w3schools.com/jsref/prop_element_classlist.asp
이런 답변을 얻게 되었습니다.
그래서 해결 방법을 찾던 중 스와이퍼 슬라이드는 3.17버전이나 2.xx 버전에서 ie9을 지원(css 애니메이션까지는 아니지만) 한다고 이해했습니다.(아래 링크)
https://muut.com/i/swiper/general:is-there-a-way-to-make-swip
그 중에서
Is it just the classList support which is causing Swiper to break in <=IE9? If so, would it make sense to re-introduce legacy support for DOM class methods? Something like this isn't adding a lot of bloat, but does make the Swiper functional (albeit no CSS3 transitions) in IE9: https://github.com/adamduncan/Swiper/blob/3ca433bbd91411f563ded46a5f7555ef1896d670/src/js/dom.js#L67-L134
이런 글이 있어서 혹시나 해서 위 링크의 해당 부분을 swiper.js 에서 코드를 수정 교체해보니
이제는 ie9에서 슬라이드가 깨지지는 않지만 좌우로 움직이지 않습니다. ㅜㅜ
여기부터는 이유를 찾기 힘들더군요.
개발중인 사이트 링크는 http://lvyh488.dothome.co.kr 입니다.
ie9 에서 스와이퍼 슬라이드를 움직이게 할 방법은 없는건가요~~~
