매번 아무것도 모르는 상태로 질문드려 참말로 죄송합니다 ㅠ ㅠ
도와주세용 -ㅅ ㅠ
자바스크립트나 제이쿼리로
예를들어 화면 사이즈가 640px이하가 되었을 때만,
a, b, c라는 클래스 명을 삭제하게 명령하고 싶은데요..
이런 것도 가능한지요?
여기저기 검색해보고 있는데 제게 딱 맞는게 없네요 ...
답변 2개 / 댓글 4개
채택된 답변
+20 포인트
thisgunjquery로 요렇게 하심 되실겁니다~
Copy
jQuery(document).ready(function( $ ) {$(window).resize(function(){ //브라우저를 resize 하면 항상 실행됨 var w = $(window).innerWidth(); // 창의 width값을 구함 if ( w < 640 ) { // 640이하면 $("셀렉터a, 셀렉터b, 셀렉터c").removeClass("클래스이름"); }});});답변에 대한 댓글 3개
nanati
2015-05-12 (화) 10:41:37
감사합니다 ^^ 맨날 비슷한 걸 묻는 것 같아 죄송하네요 ㅎㅎ
이젠 좀 스스로 할 수 있었으면 ㅠ ㅠ ..ㅎㅎ 감사합니다 ^^
이젠 좀 스스로 할 수 있었으면 ㅠ ㅠ ..ㅎㅎ 감사합니다 ^^
2015-05-12 (화) 10:33:40
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();답변에 대한 댓글 1개
답변을 작성하려면 로그인이 필요합니다.