[javascript/jquery] Identifier 'swiper' has already been declared 오류 해결법

[javascript/jquery] Identifier 'swiper' has already been declared 오류 해결법

 

 

jquery swiper 를 이용하여

 

슬라이드 이미지를 구성하다보면,

 

아래와 같이 이미 선언되어 있다는 오류가

 

나타나는 경우가 있습니다.

Identifier 'swiper' has already been declared

 

그럴때는 아래와 같이 destroy 를 이용하여

 

기존에 선언되어 있는 swiper를 없애고 새로 선언해서 사용하시면 됩니다!

Swiper.destroy();

 

 

var swiper = null;

if(swiper != null) swiper.destroy();

swiper = new Swiper('.swiper', {
    loop: true,
    pagination: {
        direction: "horizontal",
        slidesPerView: 1,
        el: ".swiper-pagination",
        type: "fraction",
    },
});

 

위 내용 보시면 아시겠지만.

 

swiper 를 생성하여 담을 변수 swiper 라는 것을 선언하고,

 

만약 swiper 가 이미 선언되어 사용중이면 destroy 를 이용해 제거하고,

 

다시 생성하는 내용입니다!

 

 

참고들 하세요!