[jquery] 반응형 해상도에 따라 스크립트 실행하기

요즘엔 반응형 웹사이트가 기본이기 때문에 해상도 크기별로 스크립트를 다르게 적용할때가 있습니다.

이때 사용할 수 있는 코드를 알아보겠습니다.

 

1. window 크기가 768보다 작을 때 스크립트 실행

if($(window).width() < 768) {
// window 크기가 768보다 작을때
} else {
// window 크기가 768보다 클때
}

 

2. 창을 줄일때 실행되는 resize

$(window).resize(function() {
	if($(window).width() < 768) {
	// window 크기가 768보다 작을때
	} else {
	// window 크기가 768보다 클때
	}
});

resize는 윈도우 창을 줄일 때마다 스크립트가 실행됩니다.