자바스크립트? 제이쿼리? 질문 드립니다...
본문
매번 아무것도 모르는 상태로 질문드려 참말로 죄송합니다 ㅠ ㅠ
도와주세용 -ㅅ ㅠ
자바스크립트나 제이쿼리로
예를들어 화면 사이즈가 640px이하가 되었을 때만,
a, b, c라는 클래스 명을 삭제하게 명령하고 싶은데요..
이런 것도 가능한지요?
여기저기 검색해보고 있는데 제게 딱 맞는게 없네요 ...
답변 2
jquery로 요렇게 하심 되실겁니다~
jQuery(document).ready(function( $ ) {
$(window).resize(function(){ //브라우저를 resize 하면 항상 실행됨
var w = $(window).innerWidth(); // 창의 width값을 구함
if ( w < 640 ) { // 640이하면
$("셀렉터a, 셀렉터b, 셀렉터c").removeClass("클래스이름");
}
});
});
thisgun님 답변에 추가해서 적습니다~
첫 화면을 로딩했을때 화면이 640이하일 때도 적용하시려면 resize()를 한번 더 실행하셔야 하고,
640보다 크면 다시 클래스를 돌려놔야 하기때문에...
다음과 같이 작성해보면 되지 않을까요?
$(window).resize(function(){
var w = $(window).width();
if ( w <= 640 ) {
$("셀렉터a, 셀렉터b, 셀렉터c").removeClass("클래스이름");
}else if( w > 640 ) {
$("셀렉터a, 셀렉터b, 셀렉터c").addClass("클래스이름");
}
}).resize();
답변을 작성하시기 전에 로그인 해주세요.