[jQuery] 디바이스 크기별로 jquery 스크립트 다르게 불러오기 (반응형)

홈페이지가 반응형인 경우, 디바이스 크기별 jQuery 스크립트를 다르게 불러와야하는 경우가 종종있다.

같은 슬라이더를 쓰더라도 PC버전과 Mobile 버전의 속성을 다르게 할 수도 있는데

아래와 같이 윈도우 가로 사이즈에 따라서 스크립트를 다르게 불러 올 수 있다.

 

예시코드

$(window).resize(function(){ 
if (window.innerWidth > 480) {  // 다바이스 크기가 480이상일때 

/* 스크립트내용*/ 

} else {

/* 스크립트내용*/ 

}

}).resize(); 

 화면이 리사이즈 될 때마다 조건에 맞는 스크립트를 불러 오게 된다.