답변 2개 / 댓글 4개
채택된 답변
+20 포인트
jquery로 요렇게 하심 되실겁니다~
Copy
jQuery(document).ready(function( $ ) {$(window).resize(function(){ //브라우저를 resize 하면 항상 실행됨 var w = $(window).innerWidth(); // 창의 width값을 구함 if ( w < 640 ) { // 640이하면 $("셀렉터a, 셀렉터b, 셀렉터c").removeClass("클래스이름"); }});});답변에 대한 댓글 3개
thisgun님 답변에 추가해서 적습니다~
첫 화면을 로딩했을때 화면이 640이하일 때도 적용하시려면 resize()를 한번 더 실행하셔야 하고,
640보다 크면 다시 클래스를 돌려놔야 하기때문에...
다음과 같이 작성해보면 되지 않을까요?
Copy
$(window).resize(function(){
var w = $(window).width();
if ( w <= 640 ) {
$("셀렉터a, 셀렉터b, 셀렉터c").removeClass("클래스이름");
}else if( w > 640 ) {
$("셀렉터a, 셀렉터b, 셀렉터c").addClass("클래스이름");
}
}).resize();답변을 작성하려면 로그인이 필요합니다.